Browse Source

修改地图 scale 响应式

wangqin
Joe 1 year ago
parent
commit
6e5af1a524
  1. 12
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/CrowdnessIndicatorRankings/index.vue

12
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/CrowdnessIndicatorRankings/index.vue

@ -1,7 +1,7 @@
<template> <template>
<Card class='CrowdnessIndicatorRankings border' title="拥挤度指标排名情况"> <Card class='CrowdnessIndicatorRankings border' title="拥挤度指标排名情况">
<div class="map"> <div class="map">
<AMapContainer style="z-index: 9;" /> <AMapContainer v-if="delayLoad" style="z-index: 9;" />
</div> </div>
<div class="right border"> <div class="right border">
<div :class="['item', { active: active === item.key }]" v-for="item in operation" :key="item.key" <div :class="['item', { active: active === item.key }]" v-for="item in operation" :key="item.key"
@ -56,14 +56,20 @@ export default {
key: 'pie', key: 'pie',
label: "天气" label: "天气"
}, },
] ],
delayLoad: false
} }
}, },
methods: { methods: {
handleClick(item) { handleClick(item) {
this.active = item.key this.active = item.key
} }
} },
mounted() {
setTimeout(() => {
this.delayLoad = true
}, 240);
},
} }
</script> </script>

Loading…
Cancel
Save