|
@@ -90,15 +90,20 @@
|
|
|
<div class="text1">最多上传三张</div>
|
|
<div class="text1">最多上传三张</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="bottom">
|
|
<div class="bottom">
|
|
|
- <div class="text">
|
|
|
|
|
- <div class="text1">鸡翅-对</div>
|
|
|
|
|
|
|
+ <div class="text" v-for="(item, index) in lists" :key="index">
|
|
|
|
|
+ <div class="text1">{{ item.name }}</div>
|
|
|
<div class="text2">
|
|
<div class="text2">
|
|
|
<div class="text3">
|
|
<div class="text3">
|
|
|
<van-image
|
|
<van-image
|
|
|
width="16"
|
|
width="16"
|
|
|
height="16"
|
|
height="16"
|
|
|
lazy-load
|
|
lazy-load
|
|
|
- src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-09-06-11-18-56FYFucJaK.png"
|
|
|
|
|
|
|
+ @click="stepFlag"
|
|
|
|
|
+ :src="
|
|
|
|
|
+ `https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/${
|
|
|
|
|
+ stepflag ? '2021-09-06-11-21-07FIiyRFOr.png' : '2021-09-06-11-18-56FYFucJaK.png'
|
|
|
|
|
+ }`
|
|
|
|
|
+ "
|
|
|
/>
|
|
/>
|
|
|
<div class="text4">踩</div>
|
|
<div class="text4">踩</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -107,30 +112,12 @@
|
|
|
width="16"
|
|
width="16"
|
|
|
height="16"
|
|
height="16"
|
|
|
lazy-load
|
|
lazy-load
|
|
|
- src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-09-06-11-19-33eTFCBfIW.png"
|
|
|
|
|
- />
|
|
|
|
|
- <div class="text4">赞</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="text">
|
|
|
|
|
- <div class="text1">寿司</div>
|
|
|
|
|
- <div class="text2">
|
|
|
|
|
- <div class="text3">
|
|
|
|
|
- <van-image
|
|
|
|
|
- width="16"
|
|
|
|
|
- height="16"
|
|
|
|
|
- lazy-load
|
|
|
|
|
- src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-09-06-11-21-07FIiyRFOr.png"
|
|
|
|
|
- />
|
|
|
|
|
- <div class="text4">踩</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="text3">
|
|
|
|
|
- <van-image
|
|
|
|
|
- width="16"
|
|
|
|
|
- height="16"
|
|
|
|
|
- lazy-load
|
|
|
|
|
- src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-09-06-11-21-26mmGMCJVF.png"
|
|
|
|
|
|
|
+ @click="fabulousFlag"
|
|
|
|
|
+ :src="
|
|
|
|
|
+ `https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/${
|
|
|
|
|
+ fabulous ? '2021-09-06-11-19-33eTFCBfIW.png' : '2021-09-06-11-21-26mmGMCJVF.png'
|
|
|
|
|
+ }`
|
|
|
|
|
+ "
|
|
|
/>
|
|
/>
|
|
|
<div class="text4">赞</div>
|
|
<div class="text4">赞</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -149,7 +136,10 @@ export default {
|
|
|
form: {},
|
|
form: {},
|
|
|
list: [],
|
|
list: [],
|
|
|
flag: false,
|
|
flag: false,
|
|
|
|
|
+ stepflag: false,
|
|
|
|
|
+ fabulous: false,
|
|
|
img: [],
|
|
img: [],
|
|
|
|
|
+ lists: [{ name: '寿司' }],
|
|
|
images: []
|
|
images: []
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
@@ -194,6 +184,24 @@ export default {
|
|
|
} else {
|
|
} else {
|
|
|
this.flag = true;
|
|
this.flag = true;
|
|
|
}
|
|
}
|
|
|
|
|
+ },
|
|
|
|
|
+ stepFlag() {
|
|
|
|
|
+ if (this.stepflag === true) {
|
|
|
|
|
+ this.stepflag = false;
|
|
|
|
|
+ this.fabulous = false;
|
|
|
|
|
+ } else {
|
|
|
|
|
+ this.stepflag = true;
|
|
|
|
|
+ this.fabulous = false;
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ fabulousFlag() {
|
|
|
|
|
+ if (this.fabulous === true) {
|
|
|
|
|
+ this.stepflag = false;
|
|
|
|
|
+ this.fabulous = false;
|
|
|
|
|
+ } else {
|
|
|
|
|
+ this.fabulous = true;
|
|
|
|
|
+ this.stepflag = false;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
};
|
|
};
|
|
@@ -269,14 +277,13 @@ export default {
|
|
|
}
|
|
}
|
|
|
.bottom {
|
|
.bottom {
|
|
|
width: 351px;
|
|
width: 351px;
|
|
|
- height: 64px;
|
|
|
|
|
padding: 20px 0;
|
|
padding: 20px 0;
|
|
|
background: #ffffff;
|
|
background: #ffffff;
|
|
|
border-radius: 12px;
|
|
border-radius: 12px;
|
|
|
.text {
|
|
.text {
|
|
|
.flex();
|
|
.flex();
|
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
- margin: 0 12px 16px;
|
|
|
|
|
|
|
+ margin: 0 12px;
|
|
|
.text1 {
|
|
.text1 {
|
|
|
.span();
|
|
.span();
|
|
|
}
|
|
}
|