This commit is contained in:
姚宇浩 2024-07-08 10:14:05 +08:00
parent c6dbb977de
commit ca2212401a
1 changed files with 136 additions and 101 deletions

View File

@ -229,9 +229,17 @@
<img class="sexMove" src="../assets/images/sy/sexImg.png" alt="" /> <img class="sexMove" src="../assets/images/sy/sexImg.png" alt="" />
</div> </div>
</div> </div>
<ePie2 style="margin-top: 20px" :list="data.ageRatio" v-if="showEchart"></ePie2> <ePie2
style="margin-top: 20px"
:list="data.ageRatio"
v-if="showEchart"
></ePie2>
<div class="bt"> <div class="bt">
<ePie style="margin-bottom: 20px" :list="data.ageGroup" v-if="showEchart"></ePie> <ePie
style="margin-bottom: 20px"
:list="data.ageGroup"
v-if="showEchart"
></ePie>
<div <div
class="btList" class="btList"
ref="mainRef" ref="mainRef"
@ -267,6 +275,8 @@
政务服务 政务服务
</div> </div>
</div> </div>
<transition name="fade" mode="out-in" appear v-if="choose == '1'">
<div>
<div class="dailyActivity" v-if="choose == '1'"> <div class="dailyActivity" v-if="choose == '1'">
<div class="dailyActivityBox"> <div class="dailyActivityBox">
<div class="dailyActivitybottom"> <div class="dailyActivitybottom">
@ -323,6 +333,9 @@
</template> </template>
</el-table-column> --> </el-table-column> -->
</el-table> </el-table>
</div></transition
>
<transition name="fade" mode="out-in" appear v-if="choose == '2'">
<div class="qyfw" v-if="choose == '2'"> <div class="qyfw" v-if="choose == '2'">
<div <div
class="qyfw_item" class="qyfw_item"
@ -339,8 +352,10 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div></transition
<div class="zwfw" v-if="choose == '3'"> >
<transition name="fade" mode="out-in" appear v-if="choose == '3'">
<div class="zwfw">
<div class="shang"> <div class="shang">
<div class="shang_item"> <div class="shang_item">
<div class="title">一网通办事</div> <div class="title">一网通办事</div>
@ -381,6 +396,7 @@
</div> </div>
</div> </div>
</div> </div>
</transition>
</div> </div>
</div> </div>
</div> </div>
@ -624,7 +640,7 @@ import qyfw2 from "../assets/images/sy/rzbms.png";
import qyfw3 from "../assets/images/sy/shqys.png"; import qyfw3 from "../assets/images/sy/shqys.png";
import qyfw4 from "../assets/images/sy/dxje.png"; import qyfw4 from "../assets/images/sy/dxje.png";
//echart //echart
const showEchart=ref(false) const showEchart = ref(false);
// //
const dialogShow = ref(false); const dialogShow = ref(false);
const dialogShowEc = ref(false); const dialogShowEc = ref(false);
@ -1272,7 +1288,7 @@ const getData = async () => {
data.jtsyList[4].key2_value = data.jtsyList[4].key2_value =
res.data.transportation.highSpeedRail.passengerFlow; res.data.transportation.highSpeedRail.passengerFlow;
} }
showEchart.value=true; showEchart.value = true;
}); });
}; };
// //
@ -3069,4 +3085,23 @@ table {
} }
} }
} }
/* 渐变设置 */
.fade-enter-from,
.fade-leave-to {
transform: translateY(50px);
opacity: 0;
}
.fade-enter-to,
.fade-leave-from {
opacity: 1;
}
.fade-enter-active {
transition: all 1s ease;
}
.fade-leave-active {
transition: all 0.3s cubic-bezier(1, 0.6, 0.6, 1);
}
</style> </style>