对比新文件 |
| | |
| | | <template> |
| | | <view class="items-container borderBox colCen"> |
| | | <swiper class="swiper-box" :autoplay="true" :interval="3000" :duration="300" :indicator-active-color="'#fff'" :indicator-dots="true" circular> |
| | | <swiper-item v-for="(items,index) in popBannerSList" :key='index'> |
| | | <view class="swiper-item defIcon" @click="goUrl(items)"> |
| | | <image :src="items.image" mode="aspectFit"></image> |
| | | </view> |
| | | </swiper-item> |
| | | </swiper> |
| | | </view> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | props: { |
| | | popBannerSList: Array |
| | | }, |
| | | data() { |
| | | return { |
| | | |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style> |
| | | .items-container { |
| | | width: 346rpx; |
| | | height: 100%; |
| | | .swiper-box { |
| | | width: 100%; |
| | | height: 100%; |
| | | |
| | | .swiper-item { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | |
| | | |
| | | <view class="goodsList-container colCen borderBox"> |
| | | <view class="goods-content rowStaBet"> |
| | | <view class="goods-items borderBox colCen" v-for="(items,index) in goodsList" :key='index' @click="goDetail(items)"> |
| | | <colGoods :items="items"></colGoods> |
| | | <view class="goods-items borderBox colCen"> |
| | | <colGoodsImg :popBannerSList="popBannerSList"></colGoodsImg> |
| | | <view v-for="(items,index) in goodsList" :key='index' @click="goDetail(items)"> |
| | | <colGoods :items="items"></colGoods> |
| | | </view> |
| | | |
| | | </view> |
| | | <aLoadMore :status="loadstatus" mode="loading3" :showTitle='true' color="#999999"></aLoadMore> |
| | | </view> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import colGoods from '../../components/colGoodsImg.vue' |
| | | import colGoods from '../../components/colGoods.vue' |
| | | import colGoodsImg from '../../components/colGoodsImg.vue' |
| | | export default { |
| | | components:{ |
| | | colGoods |
| | | }, |
| | | data() { |
| | | return { |
| | | popBannerSList:[], |
| | | pageTop: 0, |
| | | nowCurrent: 0, |
| | | scrollTop: 0, |
| | | navList: [], |
| | | |
| | | fiexdHeight: '', |
| | | fiexdtop: '', |
| | | goodsList: [], |
| | |
| | | } |
| | | }, |
| | | onLoad() { |
| | | this.getNav() |
| | | this.getNav(); |
| | | this.getPageImg(); |
| | | |
| | | }, |
| | | onPageScroll(e) { |
| | | this.scrollTop = e.scrollTop |
| | |
| | | that.goodsList = that.goodsList.concat(res) |
| | | }).catch(function(err) {}) |
| | | }, |
| | | getPageImg() |
| | | { |
| | | this.$u.api.getBanner({ |
| | | type: '12' |
| | | }).then(e => { |
| | | console.log(e) |
| | | if (e.code == 1) return that.$alert(e.msg); |
| | | var res = e.data.info; |
| | | this.popBannerSList=res.popBannerSList; |
| | | }).catch(function(err) { |
| | | console.log(err) |
| | | }) |
| | | }, |
| | | changeRange(id) { |
| | | this.pageCurrent = 1 |
| | | this.canloadmore = false |