Before Width: | Height: | Size: 71 KiB After Width: | Height: | Size: 22 KiB |
Before Width: | Height: | Size: 73 KiB After Width: | Height: | Size: 23 KiB |
Before Width: | Height: | Size: 69 KiB |
Before Width: | Height: | Size: 71 KiB |
After Width: | Height: | Size: 23 KiB |
104
src/view/yl.vue
|
@ -48,12 +48,15 @@
|
||||||
:year="data.leftTopYear"
|
:year="data.leftTopYear"
|
||||||
></ePie2>
|
></ePie2>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex1" style="margin-top: 10px">
|
<div
|
||||||
|
class="flex1"
|
||||||
|
style="margin-top: 10px"
|
||||||
|
>
|
||||||
<div class="yd_title left_2">
|
<div class="yd_title left_2">
|
||||||
<div class="animate-border">
|
<div class="animate-border">
|
||||||
<i></i>
|
<i></i>
|
||||||
<i></i>
|
<i></i>
|
||||||
</div>
|
</div>
|
||||||
<span class="text">
|
<span class="text">
|
||||||
<img
|
<img
|
||||||
v-if="leftchoose.second == '1'"
|
v-if="leftchoose.second == '1'"
|
||||||
|
@ -94,12 +97,15 @@
|
||||||
:year="data.leftCenterYear"
|
:year="data.leftCenterYear"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex1" style="margin-top: 10px">
|
<div
|
||||||
|
class="flex1"
|
||||||
|
style="margin-top: 10px"
|
||||||
|
>
|
||||||
<div class="yd_title left_3">
|
<div class="yd_title left_3">
|
||||||
<div class="animate-border">
|
<div class="animate-border">
|
||||||
<i></i>
|
<i></i>
|
||||||
<i></i>
|
<i></i>
|
||||||
</div>
|
</div>
|
||||||
<span class="text">
|
<span class="text">
|
||||||
<img
|
<img
|
||||||
v-if="leftchoose.third == '1'"
|
v-if="leftchoose.third == '1'"
|
||||||
|
@ -145,9 +151,9 @@
|
||||||
<div class="flex1">
|
<div class="flex1">
|
||||||
<div class="yd_title center_1">
|
<div class="yd_title center_1">
|
||||||
<div class="animate-border">
|
<div class="animate-border">
|
||||||
<i></i>
|
<i></i>
|
||||||
<i></i>
|
<i></i>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="minTopPart">
|
<div class="minTopPart">
|
||||||
<div class="moveImg"></div>
|
<div class="moveImg"></div>
|
||||||
|
@ -162,9 +168,9 @@
|
||||||
<div class="flex1">
|
<div class="flex1">
|
||||||
<div class="yd_title familyPlanning">
|
<div class="yd_title familyPlanning">
|
||||||
<div class="animate-border">
|
<div class="animate-border">
|
||||||
<i></i>
|
<i></i>
|
||||||
<i></i>
|
<i></i>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<ylJHSY
|
<ylJHSY
|
||||||
:list1="data.centerBottom1"
|
:list1="data.centerBottom1"
|
||||||
|
@ -177,17 +183,28 @@
|
||||||
<div class="flex1">
|
<div class="flex1">
|
||||||
<div class="yd_title mechanism">
|
<div class="yd_title mechanism">
|
||||||
<div class="animate-border">
|
<div class="animate-border">
|
||||||
<i></i>
|
<i></i>
|
||||||
<i></i>
|
<i></i>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="history">
|
<div class="history">
|
||||||
<div class="history1">
|
<div class="history1">
|
||||||
<div>
|
<div>
|
||||||
<span>{{ data.yljgzlzx.yljg }}<span class="unit">个</span></span>
|
<span>{{ data.yljgzlzx.yljg }}<span class="unit">个</span></span>
|
||||||
</div>
|
</div>
|
||||||
<img src="@/assets/YLimg/ylimg11.png" alt="" />
|
<img
|
||||||
<img class="historyimg" src="@/assets/YLimg/ylimg5.png" alt="" />
|
src="@/assets/YLimg/ylimg11.png"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
class="historyimg"
|
||||||
|
src="@/assets/YLimg/ylimg5.png"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
src="@/assets/YLimg/yljg.gif"
|
||||||
|
class="historyMoveImg"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="history1">
|
<!-- <div class="history1">
|
||||||
<div>
|
<div>
|
||||||
|
@ -200,28 +217,51 @@
|
||||||
<div>
|
<div>
|
||||||
<span>{{ data.yljgzlzx.zlzx }}<span class="unit">个</span></span>
|
<span>{{ data.yljgzlzx.zlzx }}<span class="unit">个</span></span>
|
||||||
</div>
|
</div>
|
||||||
<img src="@/assets/YLimg/ylimg12.png" alt="" />
|
<img
|
||||||
<img class="historyimg" src="@/assets/YLimg/ylimg10.png" alt="" />
|
src="@/assets/YLimg/ylimg12.png"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
class="historyimg"
|
||||||
|
src="@/assets/YLimg/ylimg10.png"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
src="@/assets/YLimg/yljg.gif"
|
||||||
|
class="historyMoveImg"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex1">
|
<div class="flex1">
|
||||||
<div class="yd_title service">
|
<div class="yd_title service">
|
||||||
<div class="animate-border">
|
<div class="animate-border">
|
||||||
<i></i>
|
<i></i>
|
||||||
<i></i>
|
<i></i>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="serviceBox">
|
<div class="serviceBox">
|
||||||
<div class="serviceTop">
|
<div class="serviceTop">
|
||||||
<div class="visit">
|
<div class="visit">
|
||||||
<img class="serviceimg" src="@/assets/YLimg/ylimg8.png" alt="" />
|
<img
|
||||||
|
class="serviceimg"
|
||||||
|
src="@/assets/YLimg/ylimg8.png"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
<ylSMFW></ylSMFW>
|
<ylSMFW></ylSMFW>
|
||||||
</div>
|
</div>
|
||||||
<div class="medicalService">
|
<div class="medicalService">
|
||||||
<img class="serviceimg" src="@/assets/YLimg/ylimg9.png" alt="" />
|
<img
|
||||||
|
class="serviceimg"
|
||||||
|
src="@/assets/YLimg/ylimg9.png"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
<div class="medicalServiceTop">
|
<div class="medicalServiceTop">
|
||||||
<img class="ylimg" src="@/assets/YLimg/ylimg1.png" alt="" />
|
<img
|
||||||
|
class="ylimg"
|
||||||
|
src="@/assets/YLimg/ylimg1.png"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
<span>36,234</span>
|
<span>36,234</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -878,6 +918,7 @@ const getData = async () => {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
position: relative;
|
||||||
span {
|
span {
|
||||||
font-family: PangMenZhengDao;
|
font-family: PangMenZhengDao;
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
|
@ -901,6 +942,13 @@ const getData = async () => {
|
||||||
width: 182px;
|
width: 182px;
|
||||||
height: 35px;
|
height: 35px;
|
||||||
}
|
}
|
||||||
|
.historyMoveImg {
|
||||||
|
position: absolute;
|
||||||
|
left: 10px;
|
||||||
|
top: 37px;
|
||||||
|
width: 160px;
|
||||||
|
height: 120px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
|
@ -1043,7 +1091,7 @@ const getData = async () => {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.moveImg{
|
.moveImg {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background-image: url(@/assets/ylMove.gif);
|
background-image: url(@/assets/ylMove.gif);
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
|