Browse Source

首页榜单跳转热门榜单不显示,订单详情优惠券UI修改

home_hotList^2
ld0104 2 years ago
parent
commit
226cc79a93
  1. 3
      components/CountDown.vue
  2. 27
      components/CouponListWindow.vue
  3. 21
      pages/home/index.vue
  4. 2
      pages/order/OrderSubmission/index.vue
  5. 6
      pages/shop/HotNewGoods/index.vue

3
components/CountDown.vue

@ -155,7 +155,8 @@ export default {
font-family: PingFang SC;
font-weight: 600;
color: #3A3A3C;
line-height: 38rpx;
line-height: 60rpx;
height: 60rpx;
}
}
</style>

27
components/CouponListWindow.vue

@ -17,11 +17,15 @@
<view class="coupon-left">
<image class="left-bg" src="@/static/images/coupon-bg2.png" mode=""></image>
<view class="text-box">
<view class="money" style="padding-top: 0;">¥{{ coupon.couponPrice }}</view>
<view v-if="coupon.image.length>0" class="wrappers acea-row row-middle">
<image class="img" :src="img" mode="" v-for="(img,imgIndex) in coupon.image.slice(0,3)" :key="imgIndex"></image>
</view>
<view v-else class="money" style="padding-top: 28rpx;">¥{{ coupon.couponPrice }}</view>
<!-- <view class="money">7<text></text></view> -->
<view class="line"></view>
<view class="tip acea-row row-between">
<view class="">{{coupon.ctype?'仅限定品牌可用':'全部商品可用'}}</view>
<!-- <view class="">{{coupon.ctype?'仅限定品牌可用':'全部商品可用'}}</view> -->
<view class="">{{coupon.cname}}</view>
<view v-if="coupon.endTime === 0">不限时</view>
<view v-else>到期时间{{ coupon.endTime }}</view>
</view>
@ -29,7 +33,7 @@
</view>
<view class="coupon-right acea-row row-center-column">
<!-- <image v-if="item.isUse === true" class="tag" src="@/static/images/gotCoupon-icon.png" mode=""></image> -->
<view class="type">{{'满减券' || '折扣券'}}</view>
<view class="type">{{coupon.image.length>0? (coupon.couponPrice+'元'):'满减券' || '折扣券'}}</view>
<view class="tip">{{ coupon.useMinPrice }}可用</view>
<view class="iconfont icon-xuanzhong1 font-color-red" v-if="checked === coupon.id"></view>
<view class="iconfont icon-weixuanzhong" v-else></view>
@ -80,9 +84,24 @@
left: 16rpx;
}
.text-box {
padding-top: 28rpx;
// padding-top: 28rpx;
padding-left: 32rpx;
padding-right: 30rpx;
.wrappers{
padding: 0 15rpx;
box-sizing: content-box;
height: 100%;
.img{
width: 110rpx;
height: 110rpx;
border-radius: 16rpx;
margin:12rpx 37rpx 12rpx 0;
background-color: #fff;
}
.img:nth-child(3){
margin-right: 0;
}
}
}
}
.icon-weixuanzhong {

21
pages/home/index.vue

@ -113,11 +113,11 @@
<view class="text">秒杀专区</view>
<CountDown :isDay="true" :dayText="' 天 '" :hourText="' 时 '" :minuteText="' 分 '" :secondText="' 秒'" :datatime="timeList[seckillActive].stop"></CountDown>
</view>
<view class="">
<navigator url="/pages/activity/activity/index">
<text>更多活动</text>
</navigator>
<view class="jiantou-right"></view>
<view class="" hover-class="none">
<view class="hoverClass acea-row row-middle" hover-class="none" @click="goActivity">
更多活动
</view>
<!-- <view class="jiantou-right"></view> -->
</view>
</view>
<view class="seconds-list acea-row" v-if="seckillList.length>0">
@ -668,6 +668,11 @@
}
},
goActivity(){
this.$yrouter.push({
path: "/pages/activity/activity/index",
});
},
goComDetail(item){
let id=item.id
this.$yrouter.push({
@ -1184,7 +1189,7 @@
text-align: center;
margin-right: 18rpx;
}
text::after {
.hoverClass::after {
content: '';
display: inline-block;
width: 0;
@ -1193,9 +1198,9 @@
border-left: 10rpx solid #2DB5AE;
border-bottom: 6rpx solid transparent;
border-right: 0rpx solid transparent;
margin: 0 20rpx 4rpx 8rpx;
margin: 0 20rpx 0 8rpx;
}
text{
.hoverClass{
font-size: 24rpx;
color: #2DB5AE;
}

2
pages/order/OrderSubmission/index.vue

@ -74,7 +74,7 @@
<view class="item acea-row row-between-wrapper" @click="couponTap">
<view class="coupon-info acea-row row-between-wrapper">
<view>{{ usableCoupon.couponTitle || '选择优惠券' }}</view>
<view class="coupon-value" v-if="usableCoupon.couponTitle">-¥{{usableCoupon.couponPrice}}</view>
<view class="coupon-value" v-if="usableCoupon.cname">-¥{{usableCoupon.couponPrice}}</view>
</view>
<image src="../../../static/images/right.png" mode=""></image>
</view>

6
pages/shop/HotNewGoods/index.vue

@ -122,7 +122,7 @@ export default {
data: function() {
return {
banner: [],
classifyType: 0,
classifyType: -1,
classifyList: [],
mouthList: [],
mouthIndex: 0,
@ -206,10 +206,11 @@ export default {
}else{
// this.form.hotListId = this.classifyList[this.classifyType].id;
this.form.hotListId = '';
this.subclassList = this.classifyList[this.classifyType].cateDtos;
this.subclassList = this.classifyList[0].cateDtos;
this.subclass = this.subclassList[0];
// this.form.cateId = this.subclass.cateId;
this.form.cateId = ' ';
this.classifyType=0
this.getHotList();
}
@ -233,6 +234,7 @@ export default {
},
//
changeClassify(i) {
if(this.classifyType == i) return
this.classifyType = i;
this.form.hotListId = this.classifyList[this.classifyType].id;

Loading…
Cancel
Save