This commit is contained in:
parent
57453e7e79
commit
3b96537f5e
Binary file not shown.
After Width: | Height: | Size: 71 KiB |
Binary file not shown.
After Width: | Height: | Size: 73 KiB |
106
src/view/yl.vue
106
src/view/yl.vue
|
@ -4,11 +4,31 @@
|
|||
<div class="flex1">
|
||||
<div class="yd_title left_1">
|
||||
<span class="text">
|
||||
<img v-if="leftchoose.first == '1'" src="@/assets/images/ylbx_1.png" class="c" style="width: 160px" />
|
||||
<img v-else src="@/assets/images/ylbx_1_1.png" class="c" @click="change('first', '1')" />
|
||||
<img v-if="leftchoose.first == '2'" src="@/assets/images/ylbx_1.png" class="c" style="width: 160px" />
|
||||
<img v-else src="@/assets/images/ylbx_2_1.png" class="c" @click="change('first', '2')"
|
||||
style="height:35px;width:120px;margin-right:10px;" />
|
||||
<img
|
||||
v-if="leftchoose.first == '1'"
|
||||
src="@/assets/images/ylbx_1.png"
|
||||
class="c"
|
||||
style="width: 160px"
|
||||
/>
|
||||
<img
|
||||
v-else
|
||||
src="@/assets/images/ylbx_1_1.png"
|
||||
class="c"
|
||||
@click="change('first', '1')"
|
||||
/>
|
||||
<img
|
||||
v-if="leftchoose.first == '2'"
|
||||
src="@/assets/images/ylbx_1.png"
|
||||
class="c"
|
||||
style="width: 160px"
|
||||
/>
|
||||
<img
|
||||
v-else
|
||||
src="@/assets/images/ylbx_2_1.png"
|
||||
class="c"
|
||||
@click="change('first', '2')"
|
||||
style="height: 35px; width: 120px; margin-right: 10px"
|
||||
/>
|
||||
</span>
|
||||
</div>
|
||||
<ePie v-if="leftchoose.first == '1'"></ePie>
|
||||
|
@ -17,10 +37,30 @@
|
|||
<div class="flex1" style="margin-top: 10px">
|
||||
<div class="yd_title left_2">
|
||||
<span class="text">
|
||||
<img v-if="leftchoose.second == '1'" src="@/assets/images/gllrbt_1.png" class="c" style="width: 160px" />
|
||||
<img v-else src="@/assets/images/gllrbt_1_1.png" class="c" @click="change('second', '1')" />
|
||||
<img v-if="leftchoose.second == '2'" src="@/assets/images/gllrbt_1.png" class="c" style="width: 160px" />
|
||||
<img v-else src="@/assets/images/gllrbt_2_1.png" class="c" @click="change('second', '2')" />
|
||||
<img
|
||||
v-if="leftchoose.second == '1'"
|
||||
src="@/assets/images/gllrbt_1.png"
|
||||
class="c"
|
||||
style="width: 160px"
|
||||
/>
|
||||
<img
|
||||
v-else
|
||||
src="@/assets/images/gllrbt_1_1.png"
|
||||
class="c"
|
||||
@click="change('second', '1')"
|
||||
/>
|
||||
<img
|
||||
v-if="leftchoose.second == '2'"
|
||||
src="@/assets/images/gllrbt_1.png"
|
||||
class="c"
|
||||
style="width: 160px"
|
||||
/>
|
||||
<img
|
||||
v-else
|
||||
src="@/assets/images/gllrbt_2_1.png"
|
||||
class="c"
|
||||
@click="change('second', '2')"
|
||||
/>
|
||||
</span>
|
||||
</div>
|
||||
<eP2 v-if="leftchoose.second == '1'"></eP2>
|
||||
|
@ -29,10 +69,30 @@
|
|||
<div class="flex1" style="margin-top: 10px">
|
||||
<div class="yd_title left_3">
|
||||
<span class="text">
|
||||
<img v-if="leftchoose.third == '1'" src="@/assets/images/tkjz_1.png" class="c" style="width: 160px" />
|
||||
<img v-else src="@/assets/images/tkjz_1_1.png" class="c" @click="change('third', '1')" />
|
||||
<img v-if="leftchoose.third == '2'" src="@/assets/images/tkjz_1.png" class="c" style="width: 160px" />
|
||||
<img v-else src="@/assets/images/tkjz_2_1.png" class="c" @click="change('third', '2')" />
|
||||
<img
|
||||
v-if="leftchoose.third == '1'"
|
||||
src="@/assets/images/tkjz_1.png"
|
||||
class="c"
|
||||
style="width: 160px"
|
||||
/>
|
||||
<img
|
||||
v-else
|
||||
src="@/assets/images/tkjz_1_1.png"
|
||||
class="c"
|
||||
@click="change('third', '1')"
|
||||
/>
|
||||
<img
|
||||
v-if="leftchoose.third == '2'"
|
||||
src="@/assets/images/tkjz_1.png"
|
||||
class="c"
|
||||
style="width: 160px"
|
||||
/>
|
||||
<img
|
||||
v-else
|
||||
src="@/assets/images/tkjz_2_1.png"
|
||||
class="c"
|
||||
@click="change('third', '2')"
|
||||
/>
|
||||
</span>
|
||||
</div>
|
||||
<eP3 v-if="leftchoose.third == '1'"></eP3>
|
||||
|
@ -64,7 +124,7 @@
|
|||
<div>
|
||||
<span>16<span class="unit">个</span></span>
|
||||
</div>
|
||||
<img src="@/assets/YLimg/ylimg2.png" alt="" />
|
||||
<img src="@/assets/YLimg/ylimg11.png" alt="" />
|
||||
<img class="historyimg" src="@/assets/YLimg/ylimg5.png" alt="" />
|
||||
</div>
|
||||
<!-- <div class="history1">
|
||||
|
@ -78,7 +138,7 @@
|
|||
<div>
|
||||
<span>139<span class="unit">个</span></span>
|
||||
</div>
|
||||
<img src="@/assets/YLimg/ylimg4.png" alt="" />
|
||||
<img src="@/assets/YLimg/ylimg12.png" alt="" />
|
||||
<img class="historyimg" src="@/assets/YLimg/ylimg10.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
|
@ -103,7 +163,11 @@
|
|||
</div>
|
||||
<div class="flex1">
|
||||
<div class="mealAssistance">
|
||||
<img class="mealAssistanceimg" src="@/assets/YLimg/ylimg7.png" alt="" />
|
||||
<img
|
||||
class="mealAssistanceimg"
|
||||
src="@/assets/YLimg/ylimg7.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<ylXZZC></ylXZZC>
|
||||
</div>
|
||||
|
@ -452,7 +516,15 @@ const getPie1 = () => {
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
span {
|
||||
font-family: PangMenZhengDao;
|
||||
font-size: 26px;
|
||||
color: #ffffff;
|
||||
letter-spacing: 1px;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
margin-left: 4px;
|
||||
}
|
||||
.unit {
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
|
|
Loading…
Reference in New Issue