|
@@ -7,102 +7,113 @@
|
|
|
:activeStyle="{ color: '#FFD373', fontWeight: 'bold' }" keyName="title"></u-tabs>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <!-- 内容切换 -->
|
|
|
- <view class="tab-content" v-if="current == 0">
|
|
|
- <!-- 轮播 -->
|
|
|
- <view class="swiper-group">
|
|
|
- <u-swiper :list="swiperList" indicator indicatorMode="line" circular></u-swiper>
|
|
|
- </view>
|
|
|
- <!-- 宫格 -->
|
|
|
- <view class="grid-box">
|
|
|
- <view class="grid-group">
|
|
|
- <view class="grid-item">
|
|
|
- <image src="../../../static/menus/秒杀专区.png" mode="aspectFit" @click="menusTap('秒杀专区',0)"></image>
|
|
|
- <text>秒杀专区</text>
|
|
|
- </view>
|
|
|
- <view class="grid-item">
|
|
|
- <image src="../../../static/menus/红包商城.png" mode="aspectFit" @click="menusTap('红包商城',3)"></image>
|
|
|
- <text>红包商城</text>
|
|
|
- </view>
|
|
|
- <view class="grid-item">
|
|
|
- <image src="../../../static/menus/积分专区.png" mode="aspectFit" @click="menusTap('积分专区',1)"></image>
|
|
|
- <text>积分专区</text>
|
|
|
- </view>
|
|
|
- <view class="grid-item">
|
|
|
- <image src="../../../static/menus/创客专区.png" mode="aspectFit" @click="menusTap('创客专区',4)"></image>
|
|
|
- <text>创客专区</text>
|
|
|
- </view>
|
|
|
- <view class="grid-item">
|
|
|
- <image src="../../../static/menus/城市合伙人.png" mode="aspectFit" @click="menusTap('城市合伙人',5)">
|
|
|
- </image>
|
|
|
- <text>城市合伙人</text>
|
|
|
- </view>
|
|
|
- <view class="grid-item">
|
|
|
- <image src="../../../static/menus/积分抵扣专区.png" mode="aspectFit" @click="menusTap('积分抵扣专区',2)">
|
|
|
- </image>
|
|
|
- <text>抵扣专区</text>
|
|
|
+ <view v-if="!isLogin">
|
|
|
+ <u-skeleton :loading="true" rows="20" :animate="true"></u-skeleton>
|
|
|
+ </view>
|
|
|
+ <view v-else>
|
|
|
+ <!-- 内容切换 -->
|
|
|
+ <view class="tab-content" v-if="current == 0">
|
|
|
+ <!-- 轮播 -->
|
|
|
+ <view class="swiper-group">
|
|
|
+ <u-swiper :list="swiperList" indicator indicatorMode="line" circular></u-swiper>
|
|
|
+ </view>
|
|
|
+ <!-- 宫格 -->
|
|
|
+ <view class="grid-box">
|
|
|
+ <view class="grid-group">
|
|
|
+ <view class="grid-item">
|
|
|
+ <image src="../../../static/menus/秒杀专区.png" mode="aspectFit" @click="menusTap('秒杀专区', 0)">
|
|
|
+ </image>
|
|
|
+ <text>秒杀专区</text>
|
|
|
+ </view>
|
|
|
+ <view class="grid-item">
|
|
|
+ <image src="../../../static/menus/红包商城.png" mode="aspectFit" @click="menusTap('红包商城', 3)">
|
|
|
+ </image>
|
|
|
+ <text>红包商城</text>
|
|
|
+ </view>
|
|
|
+ <view class="grid-item">
|
|
|
+ <image src="../../../static/menus/积分专区.png" mode="aspectFit" @click="menusTap('积分专区', 1)">
|
|
|
+ </image>
|
|
|
+ <text>积分专区</text>
|
|
|
+ </view>
|
|
|
+ <view class="grid-item">
|
|
|
+ <image src="../../../static/menus/创客专区.png" mode="aspectFit" @click="menusTap('创客专区', 4)">
|
|
|
+ </image>
|
|
|
+ <text>创客专区</text>
|
|
|
+ </view>
|
|
|
+ <view class="grid-item">
|
|
|
+ <image src="../../../static/menus/城市合伙人.png" mode="aspectFit" @click="menusTap('城市合伙人', 5)">
|
|
|
+ </image>
|
|
|
+ <text>城市合伙人</text>
|
|
|
+ </view>
|
|
|
+ <view class="grid-item">
|
|
|
+ <image src="../../../static/menus/积分抵扣专区.png" mode="aspectFit"
|
|
|
+ @click="menusTap('积分抵扣专区', 2)">
|
|
|
+ </image>
|
|
|
+ <text>抵扣专区</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
|
- <!-- 通知 -->
|
|
|
- <view class="notice">
|
|
|
- <u-notice-bar :text="notice" direction="column" duration="3000" @click="goNoticeDetail($event)">
|
|
|
- </u-notice-bar>
|
|
|
- </view>
|
|
|
- <!-- 通知弹框 -->
|
|
|
- <view>
|
|
|
- <u-modal :show="noticeShow" title="通告" confirmText="我已知晓" confirmColor="#FABA59" @confirm="noticeClose">
|
|
|
- <view class="slot-content">
|
|
|
- <rich-text :nodes="noticeContent"></rich-text>
|
|
|
- </view>
|
|
|
- </u-modal>
|
|
|
- </view>
|
|
|
+ <!-- 通知 -->
|
|
|
+ <view class="notice">
|
|
|
+ <u-notice-bar :text="notice" direction="column" duration="3000" @click="goNoticeDetail($event)">
|
|
|
+ </u-notice-bar>
|
|
|
+ </view>
|
|
|
+ <!-- 通知弹框 -->
|
|
|
+ <view>
|
|
|
+ <u-modal :show="noticeShow" title="通告" confirmText="我已知晓" confirmColor="#FABA59"
|
|
|
+ @confirm="noticeClose">
|
|
|
+ <view class="slot-content">
|
|
|
+ <rich-text :nodes="noticeContent"></rich-text>
|
|
|
+ </view>
|
|
|
+ </u-modal>
|
|
|
+ </view>
|
|
|
|
|
|
- <!-- 爆款专区 -->
|
|
|
- <view class="sale-group">
|
|
|
- <view class="sale-content">
|
|
|
- <view class="title">爆款专区 <view class="more">
|
|
|
+ <!-- 爆款专区 -->
|
|
|
+ <view class="sale-group">
|
|
|
+ <view class="sale-content">
|
|
|
+ <view class="title">爆款专区 <view class="more">
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="goods-scroll">
|
|
|
- <scroll-view scroll-x="true" v-if="tempArrBao.length > 0">
|
|
|
- <view class="goods-item" v-for="(item, index) in tempArrBao" :key="index"
|
|
|
- @click="goDetail(item)">
|
|
|
- <image :src="item.goodsCover" mode="aspectFit"></image>
|
|
|
- <view class="goods-name">
|
|
|
- <u-text prefixIcon="bookmark"
|
|
|
- iconStyle="font-size: 16px; color:red;min-height: 30px;" :lines="2" bold block
|
|
|
- size="12" :text="item.goodsName"></u-text>
|
|
|
- <view class="tags">赠送{{ item.obtainIntegral }}红积分</view>
|
|
|
- <view class="price">¥{{ item.salePrice - 0 }}</view>
|
|
|
+ <view class="goods-scroll">
|
|
|
+ <scroll-view scroll-x="true" v-if="tempArrBao.length > 0">
|
|
|
+ <view class="goods-item" v-for="(item, index) in tempArrBao" :key="index"
|
|
|
+ @click="goDetail(item)">
|
|
|
+ <image :src="item.goodsCover" mode="aspectFit"></image>
|
|
|
+ <view class="goods-name">
|
|
|
+ <u-text prefixIcon="bookmark"
|
|
|
+ iconStyle="font-size: 16px; color:red;min-height: 30px;" :lines="2" bold
|
|
|
+ block size="12" :text="item.goodsName"></u-text>
|
|
|
+ <view class="tags">赠送{{ item.obtainIntegral }}红积分</view>
|
|
|
+ <view class="price">¥{{ item.salePrice - 0 }}</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- </scroll-view>
|
|
|
- <u-empty v-else mode="list" icon="http://cdn.uviewui.com/uview/empty/list.png"/>
|
|
|
+ </scroll-view>
|
|
|
+ <u-empty v-else mode="list" icon="http://cdn.uviewui.com/uview/empty/list.png" />
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <!-- 商品推荐列表 -->
|
|
|
- <view class="goods-list">
|
|
|
- <view class="title">
|
|
|
- <view class="line"></view>
|
|
|
- 商品推荐
|
|
|
- <view class="line"></view>
|
|
|
+ <!-- 商品推荐列表 -->
|
|
|
+ <view class="goods-list">
|
|
|
+ <view class="title">
|
|
|
+ <view class="line"></view>
|
|
|
+ 商品推荐
|
|
|
+ <view class="line"></view>
|
|
|
+ </view>
|
|
|
+ <goodListMall @changeTab="changeTab" :tempArr="tempArr" :iSshowH="false" @detail="goDetail"
|
|
|
+ :isSortType="isSortType"></goodListMall>
|
|
|
</view>
|
|
|
- <goodListMall @changeTab="changeTab" :tempArr="tempArr" :iSshowH="false" @detail="goDetail"
|
|
|
- :isSortType="isSortType"></goodListMall>
|
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
|
- <view class="tab-content" v-show="current >= 1">
|
|
|
- <!-- 轮播 -->
|
|
|
- <view class="swiper-group">
|
|
|
- <u-swiper :list="swiperTabList" indicator indicatorMode="line" circular></u-swiper>
|
|
|
+ <view class="tab-content" v-show="current >= 1">
|
|
|
+ <!-- 轮播 -->
|
|
|
+ <view class="swiper-group">
|
|
|
+ <u-swiper :list="swiperTabList" indicator indicatorMode="line" circular></u-swiper>
|
|
|
+ </view>
|
|
|
+ <!-- 商品列表 -->
|
|
|
+ <goodListMall @changeTab="changeTab" :iSshowH="true" @detail="goDetail" :currentId="currentId"
|
|
|
+ :isSortType="isSortType"></goodListMall>
|
|
|
</view>
|
|
|
- <!-- 商品列表 -->
|
|
|
- <goodListMall @changeTab="changeTab" :iSshowH="true" @detail="goDetail" :currentId="currentId"
|
|
|
- :isSortType="isSortType"></goodListMall>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
@@ -675,11 +686,11 @@ export default {
|
|
|
},
|
|
|
onLoad(options) {
|
|
|
},
|
|
|
- onShow(){
|
|
|
-
|
|
|
+ onShow() {
|
|
|
+
|
|
|
},
|
|
|
- updated(){
|
|
|
-
|
|
|
+ updated() {
|
|
|
+
|
|
|
},
|
|
|
watch: {
|
|
|
isLogin: {
|
|
@@ -724,7 +735,7 @@ export default {
|
|
|
this.navigationList.unshift(tuiJian)
|
|
|
})
|
|
|
},
|
|
|
- menusTap(url,zoneType) {
|
|
|
+ menusTap(url, zoneType) {
|
|
|
// #ifdef H5
|
|
|
location.href = url
|
|
|
// #endif
|