| | |
| | | </view> |
| | | </view> |
| | | |
| | | <view class="cates" v-if="catesNavData"> |
| | | <!-- <view class="cates" v-if="catesNavData"> |
| | | <view class="cates-v" v-for="(item, index) in catesNavData" :key="item.id" @tap="$util.goPages('/pages/catesList/catesList?catesId=' + item.id + '&title=' + item.title)"> |
| | | <image class="cates-v-icon" :src="item.icon" mode=""></image> |
| | | <view class="">{{item.title}}</view> |
| | | </view> |
| | | <!-- <view class="cates-v" @tap="$util.goSwitch('/pages/cates/cates')"> |
| | | <view class="cates-v" @tap="$util.goSwitch('/pages/cates/cates')"> |
| | | <image class="cates-v-icon" src="/static/imgs/more.png" mode=""></image> |
| | | <view class="">更多</view> |
| | | </view> --> |
| | | </view> |
| | | <!-- <view v-if="catesNavData" style="padding: 0 30rpx;background-color: #ffffff;margin-top: 190rpx;"> |
| | | <uv-scroll-list> |
| | | </view> |
| | | </view> --> |
| | | <view v-if="catesNavData" style="padding: 0 30rpx;background-color: #ffffff;margin-top: 422rpx;"> |
| | | <uv-scroll-list indicatorColor="#fff0f0" indicatorActiveColor="#37AA25"> |
| | | <view class="cates-v" v-for="(item, index) in catesNavData" :key="item.id" @tap="$util.goPages('/pages/catesList/catesList?catesId=' + item.id + '&title=' + item.title)"> |
| | | <image class="cates-v-icon" :src="item.icon" mode="heightFix"></image> |
| | | <view class="">{{item.title}}</view> |
| | | </view> |
| | | </uv-scroll-list> |
| | | </view> --> |
| | | |
| | | </view> |
| | | |
| | | <!-- <view class="ad1" @tap="$util.goPages('/pages/catesList/catesList?catesId=11' + '&title=' + '服装鞋包')"> |
| | | <image src="/static/imgs/ad1.png" mode=""></image> |
| | | </view> --> |
| | | |
| | | |
| | | <view class="ad2" @tap="$util.goPages('/pages/catesList/catesList?catesId=3' + '&title=' + '手机数码')"> |
| | | <image src="/static/imgs/ad2.png" mode=""></image> |
| | | </view> |
| | | |
| | | |
| | | <view class="d3-wrap"> |
| | | <view class="ad3" @tap="$util.goPages('/pages/catesList/catesList?catesId=2' + '&title=' + '家用电器')"> |
| | | <image src="/static/imgs/ad3.png" mode=""></image> |
| | |
| | | <image src="/static/imgs/ad4.png" mode=""></image> |
| | | </view> |
| | | </view> |
| | | |
| | | |
| | | <!-- <view class="c-goods" v-if="hotCates" v-for="(item, index) in hotCates"> |
| | | <view class="ca-ad" v-if="index % 2 == 0"> |
| | | <image src="/static/imgs/c1.png" mode=""></image> |
| | |
| | | </scroll-view> |
| | | </view> |
| | | </view> --> |
| | | |
| | | |
| | | <view class="cateNav"> |
| | | <view class="cateNav-item" :class="{active:actIndex===index}" v-for="(item, index) in cateNavList" :key="index" @click="navClick(item,index)"> |
| | | <view class="cateNav-title">{{item.title}}</view> |
| | |
| | | <!-- <view class="hyj"> |
| | | <image src="@/static/imgs/hyj.png" mode=""></image> |
| | | </view> --> |
| | | <view>¥</view> |
| | | <view class="red">{{itm.price}}</view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | <view class="login-btn">立即登录</view> |
| | | </view> |
| | | </view> |
| | | |
| | | |
| | | <uni-popup ref="popup2" type="center" :is-mask-click="false"> |
| | | <view class="popup-content"> |
| | | <view class="edu-view edu-view2"> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | list: [{ |
| | | image: "https://via.placeholder.com/200x200.png/3c9cff/fff" |
| | | }, { |
| | | image: "https://via.placeholder.com/200x200.png/f9ae3d/fff" |
| | | }, { |
| | | image: "https://via.placeholder.com/200x200.png/5ac725/fff" |
| | | }, { |
| | | image: "https://via.placeholder.com/200x200.png/f56c6c/fff" |
| | | }, { |
| | | image: "https://via.placeholder.com/200x200.png/909399/fff" |
| | | }], |
| | | indicator: true, |
| | | contactsFlag: false, |
| | | staHeight: 0, |
| | | paddingHeight: 0, |
| | | indicatorDots: true, |
| | | indicatorColor: '#e3b400', |
| | | indicatorColor: '#37AA25', |
| | | indicatorActiveColor: '#ffffff', |
| | | autoplay: true, |
| | | interval: 3000, |
| | |
| | | goodsData: [], |
| | | cateNavList: [ |
| | | { |
| | | title: '精选', |
| | | desc: '猜你喜欢', |
| | | skey: '服装鞋包', |
| | | catesId: 11, |
| | | },{ |
| | | title: '人气', |
| | | desc: '好物精选', |
| | | skey: '家用电器', |
| | | catesId: 2, |
| | | },{ |
| | | title: '精选', |
| | | desc: '猜你喜欢', |
| | | skey: '服装鞋包', |
| | | catesId: 15, |
| | | },{ |
| | | title: '休闲', |
| | | desc: '天天低价', |
| | |
| | | // #endif |
| | | }, |
| | | created() { |
| | | this.catesId = 11 |
| | | this.catesId = this.cateNavList[0]['catesId'] |
| | | this.catesGoods() |
| | | }, |
| | | onLoad() { |
| | |
| | | } |
| | | .cateNav-item.active { |
| | | .cateNav-title { |
| | | color: #4766FE; |
| | | color: #37AA25; |
| | | } |
| | | .cateNav-desc { |
| | | color: #ffffff; |
| | | background-color: #4766FE; |
| | | background-color: #37AA25; |
| | | border-radius: 50rpx; |
| | | padding: 12rpx 0; |
| | | } |