|
|
|
@ -4,16 +4,21 @@ |
|
|
|
|
<view class="icon search"></view> |
|
|
|
|
<input placeholder="搜索商品" v-model="couponName" placeholder-style="color:#c0c0c0;" @input="toSearch()" /> |
|
|
|
|
</view> |
|
|
|
|
<view class="swiper"> |
|
|
|
|
<view class="swiper" v-if="swiperList.length>0"> |
|
|
|
|
<view class="swiper-box"> |
|
|
|
|
<swiper circular="true" autoplay="true" @change="swiperChange"> |
|
|
|
|
<swiper-item v-for="swiper in swiperList" :key="swiper.id"> |
|
|
|
|
<image :src="imageUrl+swiper.imgData"></image> |
|
|
|
|
</swiper-item> |
|
|
|
|
</swiper> |
|
|
|
|
<view class="indicator"> |
|
|
|
|
<!-- <view class="indicator"> |
|
|
|
|
<view class="dots" v-for="(swiper, index) in swiperList" |
|
|
|
|
:class="[currentSwiper >= index ? 'on' : '']" :key="index"></view> |
|
|
|
|
</view> --> |
|
|
|
|
<view class="indicator" > |
|
|
|
|
<view class="dots" v-for="(swiper, index) in swiperList" |
|
|
|
|
:style="(currentSwiper >= index ? 'width:calc(100%/'+swiperList.length+')' : '')" |
|
|
|
|
:key="index"></view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
@ -21,8 +26,8 @@ |
|
|
|
|
<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.listImg"></image> |
|
|
|
|
<view class="width90 height110 mart10 border-8r itemContainer" v-for="(row, index) in goodsList" :key="index" @click="toGoods(row.id)"> |
|
|
|
|
<image class="goodsimg flleft " mode="aspectFit" :src="imageUrl+row.listImg"></image> |
|
|
|
|
<view class="goodsli "> |
|
|
|
|
<view class="text2 fcor333 font14 fontwig6">{{row.title}}</view> |
|
|
|
|
<view class="goodsxg font12 fotct">限购{{row.purchaseNum}}件</view> |
|
|
|
@ -34,7 +39,9 @@ |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<view class="height10"> |
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
@ -162,12 +169,16 @@ |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style lang="scss"> |
|
|
|
|
page { |
|
|
|
|
background-color: #f3f3f3; |
|
|
|
|
} |
|
|
|
|
.input-box { |
|
|
|
|
width: 90%; |
|
|
|
|
margin-left: 5%; |
|
|
|
|
margin-top: 15px; |
|
|
|
|
height: 70rpx; |
|
|
|
|
background-color: #f5f5f5; |
|
|
|
|
// background-color: #f5f5f5; |
|
|
|
|
background-color: #ffffff; |
|
|
|
|
border-radius: 10rpx; |
|
|
|
|
position: relative; |
|
|
|
|
display: flex; |
|
|
|
@ -261,9 +272,15 @@ |
|
|
|
|
border: 1px solid #eb5823; |
|
|
|
|
border-radius: 5px; |
|
|
|
|
color: #eb5823; |
|
|
|
|
width: 55px; |
|
|
|
|
// width: 55px; |
|
|
|
|
display: inline-block; |
|
|
|
|
padding: 3px; |
|
|
|
|
} |
|
|
|
|
.itemContainer{ |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
padding: 10px; |
|
|
|
|
background: #ffffff; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.info { |
|
|
|
|
display: flex; |
|
|
|
|