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