|
|
|
|
@ -20,34 +20,35 @@ |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<view class="width90 mart20 marb20 alijus"> |
|
|
|
|
<view class="font16 fcor333 paddtop5 paddbotm5 margle20 marRight20" v-for="(item,index) in cateTypeList" @click="switchid(item)" |
|
|
|
|
:class="[goodtyid == item.id ? 'fcor089 borbtom fontwig6' : '']" :key="index">{{item.title}}</view> |
|
|
|
|
<view class="font16 fcor333 paddtop5 paddbotm5 margle20 marRight20" v-for="(item,index) in cateTypeList" |
|
|
|
|
@click="switchid(item)" :class="[goodtyid == item.id ? 'fcor089 borbtom fontwig6' : '']" :key="index"> |
|
|
|
|
{{item.title}}</view> |
|
|
|
|
</view> |
|
|
|
|
<view v-if="goodsList == '' " class="mart60 fotct font14 fcor666"> |
|
|
|
|
<image mode="widthFix" style="width: 70vw;" :src="imagewxUrl+imgadres"></image> |
|
|
|
|
</view> |
|
|
|
|
<view class="width90 height110 mart5" v-for="(row, index) in goodsList" :key="index" @click="toGoods(row.id)"> |
|
|
|
|
<image class="goodsimg flleft mart5" mode="widthFix" :src="imageUrl+row.couponImg"></image> |
|
|
|
|
<view class="goodsli "> |
|
|
|
|
<view class="text2 fcor333 font14 fontwig6">{{row.couponName}}</view> |
|
|
|
|
<view class="width90 height110 mart10 backcorfff border-8r alijusstart" v-for="(row, index) in goodsList" :key="index" @click="toGoods(row.id)"> |
|
|
|
|
<image class="goodsimg mart5" mode="widthFix" :src="imageUrl+row.couponImg"></image> |
|
|
|
|
<view class="goodsli width65"> |
|
|
|
|
<view class="text1 fcor333 font16 fontwig6">{{row.couponName}}</view> |
|
|
|
|
<view class="goodsxg font12 fotct">限购{{row.limitNumber}}件</view> |
|
|
|
|
|
|
|
|
|
<view class="info mart10"> |
|
|
|
|
<view class="price" v-if="typeId == 2"> |
|
|
|
|
<view class="alijusstart mart10"> |
|
|
|
|
<!-- <view class="price" v-if="typeId == 2"> |
|
|
|
|
<image style="width: 15px;height: 15px;vertical-align: sub;" src="../../../static/img/jfx.png"> |
|
|
|
|
</image> {{ row.discountPrice*100}} |
|
|
|
|
</view> |
|
|
|
|
<view class="price" v-if="typeId == 1 || typeId == 3 || typeId == 5"> |
|
|
|
|
￥ {{ row.discountPrice}} |
|
|
|
|
</view> --> |
|
|
|
|
<view class="price"> |
|
|
|
|
￥{{ row.discountPrice}} |
|
|
|
|
</view> |
|
|
|
|
<!-- v-if="product.discountPrice !== product.salesPrice" --> |
|
|
|
|
<view class="slogan" v-if="row.discountPrice !== row.salesPrice"> |
|
|
|
|
<view v-if="typeId == 2"> |
|
|
|
|
<view class="slogan margle10" v-if="row.discountPrice !== row.salesPrice"> |
|
|
|
|
<!-- <view v-if="typeId == 2"> |
|
|
|
|
<image style="width: 15px;height: 15px;vertical-align: sub;" |
|
|
|
|
src="../../../static/img/jfh.png"> |
|
|
|
|
</image>{{ row.salesPrice*100}} |
|
|
|
|
</view> |
|
|
|
|
<view v-if="typeId == 1 || typeId == 3 || typeId == 5">￥{{ row.salesPrice}}</view> |
|
|
|
|
</view> --> |
|
|
|
|
<view>￥{{ row.salesPrice}}</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
@ -98,9 +99,9 @@ |
|
|
|
|
onLoad: function(option) { //option为object类型，会序列化上个页面传递的参数 |
|
|
|
|
this.typeId = option.id; |
|
|
|
|
this.brandid = option.brandId; |
|
|
|
|
this.goodtyid = option.goodsId; |
|
|
|
|
if(this.goodtyid == undefined){ |
|
|
|
|
this.goodtyid = ''; |
|
|
|
|
this.goodtyid = option.goodsId; |
|
|
|
|
if (this.goodtyid == undefined) { |
|
|
|
|
this.goodtyid = ''; |
|
|
|
|
} |
|
|
|
|
if (option.id == 1) { |
|
|
|
|
uni.setNavigationBarTitle({ |
|
|
|
|
@ -115,8 +116,8 @@ |
|
|
|
|
}); |
|
|
|
|
if (app.globalData.cityName == '贵州省') { |
|
|
|
|
this.getListGoodsType(); |
|
|
|
|
}else{ |
|
|
|
|
this.getCouponListArea(); |
|
|
|
|
} else { |
|
|
|
|
this.getCouponListArea(); |
|
|
|
|
} |
|
|
|
|
this.getCmsContent('CMS_WX_APPLETS_GOODS_LIST'); |
|
|
|
|
} |
|
|
|
|
@ -126,8 +127,8 @@ |
|
|
|
|
}); |
|
|
|
|
if (app.globalData.cityName == '贵州省') { |
|
|
|
|
this.getListGoodsType(); |
|
|
|
|
}else{ |
|
|
|
|
this.getCouponListArea(); |
|
|
|
|
} else { |
|
|
|
|
this.getCouponListArea(); |
|
|
|
|
} |
|
|
|
|
this.getCmsContent('CMS_WX_APPLETS_GOODS_LIST'); |
|
|
|
|
} |
|
|
|
|
@ -164,24 +165,24 @@ |
|
|
|
|
getListGoodsType(params).then(res => { |
|
|
|
|
uni.hideLoading(); |
|
|
|
|
if (res.return_code == '000000') { |
|
|
|
|
this.cateTypeList = res.return_data.list; |
|
|
|
|
this.goodtyid = res.return_data.list[0].id; |
|
|
|
|
if (app.globalData.cityName == '贵州省') { |
|
|
|
|
this.getCouponListArea(); |
|
|
|
|
this.cateTypeList = res.return_data.list; |
|
|
|
|
this.goodtyid = res.return_data.list[0].id; |
|
|
|
|
if (app.globalData.cityName == '贵州省') { |
|
|
|
|
this.getCouponListArea(); |
|
|
|
|
} |
|
|
|
|
} else { |
|
|
|
|
this.cateTypeList = []; |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
//切换id |
|
|
|
|
switchid(item){ |
|
|
|
|
this.goodtyid = item.id; |
|
|
|
|
this.pageNum = 1; |
|
|
|
|
this.pageSize = 10; |
|
|
|
|
this.isNoMoreData = false; |
|
|
|
|
this.goodsList = []; |
|
|
|
|
this.getCouponListArea(); |
|
|
|
|
}, |
|
|
|
|
//切换id |
|
|
|
|
switchid(item) { |
|
|
|
|
this.goodtyid = item.id; |
|
|
|
|
this.pageNum = 1; |
|
|
|
|
this.pageSize = 10; |
|
|
|
|
this.isNoMoreData = false; |
|
|
|
|
this.goodsList = []; |
|
|
|
|
this.getCouponListArea(); |
|
|
|
|
}, |
|
|
|
|
//获取弹出或者弹窗 |
|
|
|
|
getCmsContent(item) { |
|
|
|
|
@ -285,7 +286,10 @@ |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style lang="scss"> |
|
|
|
|
<style lang="scss"> |
|
|
|
|
page { |
|
|
|
|
background-color: #f3f3f3; |
|
|
|
|
} |
|
|
|
|
.input-box { |
|
|
|
|
width: 90%; |
|
|
|
|
margin-left: 5%; |
|
|
|
|
@ -376,40 +380,41 @@ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.goodsli { |
|
|
|
|
margin-left: 100px; |
|
|
|
|
margin-left: 10px; |
|
|
|
|
padding-top: 5px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.goodsxg { |
|
|
|
|
margin-top: 5px; |
|
|
|
|
border: 1px solid #eb5823; |
|
|
|
|
border: 1px solid #3da7e7; |
|
|
|
|
border-radius: 5px; |
|
|
|
|
color: #eb5823; |
|
|
|
|
color: #3da7e7; |
|
|
|
|
width: 55px; |
|
|
|
|
padding: 3px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.info { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
align-items: flex-end; |
|
|
|
|
width: 100%; |
|
|
|
|
// .info { |
|
|
|
|
// display: flex; |
|
|
|
|
// justify-content: space-between; |
|
|
|
|
// align-items: flex-end; |
|
|
|
|
// width: 100%; |
|
|
|
|
|
|
|
|
|
.price { |
|
|
|
|
color: #e65339; |
|
|
|
|
font-size: 30upx; |
|
|
|
|
font-weight: 600; |
|
|
|
|
width: 50%; |
|
|
|
|
} |
|
|
|
|
.price { |
|
|
|
|
color: #e65339; |
|
|
|
|
font-size: 40upx; |
|
|
|
|
font-weight: 600; |
|
|
|
|
// width: 50%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.slogan { |
|
|
|
|
width: 50%; |
|
|
|
|
color: #807c87; |
|
|
|
|
font-size: 24upx; |
|
|
|
|
text-decoration: line-through; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.borbtom{ |
|
|
|
|
border-bottom: 2px solid #089bf5; |
|
|
|
|
.slogan { |
|
|
|
|
width: 50%; |
|
|
|
|
color: #807c87; |
|
|
|
|
font-size: 24upx; |
|
|
|
|
text-decoration: line-through; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// } |
|
|
|
|
.borbtom { |
|
|
|
|
border-bottom: 2px solid #089bf5; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
