修改大屏模块
This commit is contained in:
@@ -58,11 +58,11 @@ export default {
|
||||
// const showPopup = ref(false);
|
||||
// const selectedFarmData = ref(null);
|
||||
|
||||
// 全国牛源地TOP5数据
|
||||
// 全国牛源地TOP3数据(单位:万)
|
||||
const cattleSourceTop5 = ref([
|
||||
{ province: '广西', count: 760 },
|
||||
{ province: '云南', count: 247 },
|
||||
{ province: '贵州', count: 186 },
|
||||
{ province: '内蒙古', count: 1032 },
|
||||
{ province: '新疆', count: 849 },
|
||||
{ province: '四川', count: 811 },
|
||||
]);
|
||||
|
||||
// 重置
|
||||
@@ -1715,17 +1715,20 @@ export default {
|
||||
<style>
|
||||
/* 地图容器样式 - 响应式设计 */
|
||||
.map-3d-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 80px; /* 紧贴顶部标题栏,高度与 .dashboard-header 保持一致 */
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 100vw;
|
||||
height: calc(100vh - 80px);
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
z-index: 0; /* 低于侧边栏与标题 */
|
||||
}
|
||||
|
||||
#app-32-map {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
min-height: 700px; /* 最大化增加最小高度 */
|
||||
min-width: 900px; /* 最大化增加最小宽度 */
|
||||
}
|
||||
|
||||
/* 响应式设计 - 适应不同屏幕尺寸 */
|
||||
@@ -1768,8 +1771,8 @@ export default {
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
#app-32-map {
|
||||
min-height: 500px;
|
||||
min-width: 600px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.province-name-label {
|
||||
@@ -2068,4 +2071,4 @@ export default {
|
||||
|
||||
/* 移除养殖场标签样式 */
|
||||
/* .farm-label { ... } */
|
||||
</style>
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user