This commit is contained in:
lnn19986213 2024-06-04 14:11:26 +08:00
parent f60440ae5f
commit f60133709b
6 changed files with 76 additions and 28 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 71 KiB

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 73 KiB

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 71 KiB

BIN
src/assets/YLimg/yljg.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

View File

@ -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;