137 lines
5.8 KiB
Plaintext
137 lines
5.8 KiB
Plaintext
<!--pages/index/index.wxml-->
|
|
<view class="top-all">
|
|
<view class="top" style="background: url({{bgImg}}index-top.png) no-repeat;background-size: 100%;padding-top:{{statusBarHeight}}px;">
|
|
<view class="title">三品慧采</view>
|
|
<view class="display_J_B topCont">
|
|
<view class="address display_J_B display_A_C" catchtap="map">
|
|
<image class="address-icon" src="/icon/index-address.png"></image>
|
|
<view class="address-name GStitleOne">{{addressName}}</view>
|
|
<image class="address-right" src="/icon/down.png"></image>
|
|
</view>
|
|
<view class="top-search" catchtap='search'>
|
|
<view class="search">
|
|
<image src="/icon/search.png"></image>
|
|
<input placeholder="搜索您想要的商品" disabled="true" placeholder-style="color:#aaa;"></input>
|
|
</view>
|
|
<view catchtap='search' class="sear">搜索</view>
|
|
</view>
|
|
</view>
|
|
<!-- bannner -->
|
|
<!-- <swiper class='banner' previous-margin='35rpx' next-margin='35rpx' indicator-dots='true' autoplay='true' interval='5000' duration='1000' circular='true'> -->
|
|
<swiper class='bannner' indicator-dots='true' autoplay='true' interval='5000' duration='1000' circular='true'>
|
|
<block wx:for="{{bnrUrl}}" wx:key="index">
|
|
<swiper-item catchtap="goodsDetails" data-type='{{item.bannerJump}}' data-wid='{{item.welfareId}}' data-id='{{item.goodsId}}'>
|
|
<image src='{{item.bannerImage}}'></image>
|
|
</swiper-item>
|
|
</block>
|
|
</swiper>
|
|
<!-- 金刚区 -->
|
|
<view class="jg">
|
|
<view class="jg-cont" wx:for='{{jg}}' wx:key='index' catchtap="jgType" data-id='{{item.id}}' data-pid='{{item.pid}}'>
|
|
<image src="{{item.typePhoto}}"></image>
|
|
<view class="jg-name">{{item.typeName}}</view>
|
|
</view>
|
|
<view class="jg-cont" catchtap="jgMore">
|
|
<image src="/icon/index-more.png"></image>
|
|
<view class="jg-name">更多</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="fx" catchtap="fx">
|
|
<image wx:for="{{imgList}}" wx:if="{{item.bannerType==6}}" src="{{item.bannerImage}}"></image>
|
|
</view>
|
|
<view class="fl display_J_B">
|
|
<view catchtap="fl1">
|
|
<image wx:for="{{imgList}}" wx:if="{{item.bannerType==7}}" src="{{item.bannerImage}}"></image>
|
|
</view>
|
|
<view catchtap="fl2">
|
|
<image wx:for="{{imgList}}" wx:if="{{item.bannerType==8}}" src="{{item.bannerImage}}"></image>
|
|
</view>
|
|
</view>
|
|
<!-- 促销专区 -->
|
|
<view class="cx" wx:if='{{cxGoodsList.length>0}}'>
|
|
<view class="cx-top display_J_B" >
|
|
<view class="cx-topl display_A_C">
|
|
<text class="cx-topl1">促销</text>
|
|
<text class="cx-topl2">专区</text>
|
|
<text class="cx-topl3">好物优选</text>
|
|
</view>
|
|
<view class="cx-topr display_A_C" catchtap="cx_more">
|
|
更多<image src="/icon/index-cx.png"></image>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<!--增加一列-->
|
|
<view class="cx-goods display_J_B" wx:if='{{cxGoodsList.length>0}}'>
|
|
|
|
<view class="cg" wx:for="{{cxGoodsList}}" wx:key='index' wx:if="{{index < 3}}" data-id='{{item.id}}' catchtap="cxDetails">
|
|
<view class="cg-img display_J_C"><image src="{{item.goodsPhoto}}"></image></view>
|
|
<view class="cg-name">￥{{item.wisdGoodsSpecList[0].specPromotionPrice}}
|
|
<text>￥{{item.wisdGoodsSpecList[0].originalPrice}}</text>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<!-- 专区 -->
|
|
<view class="zone display_J_B">
|
|
<view class="zone-l" data-title='积分专区' catchtap="integral" style="background: url({{bgImg}}zone-1.png) no-repeat;background-size: 100%;">
|
|
<view class="zone-name zone-name__1">积分专区</view>
|
|
<view class="zone-tips" style="text-align: center;">尊享美好生活</view>
|
|
<view class="zone-icon zone-icon__1 display_J_C display_A_C">
|
|
GO<image src="/icon/zone-right.png"></image>
|
|
</view>
|
|
<image wx:for="{{imgList}}" wx:if="{{item.bannerType==9}}" src="{{item.bannerImage}}"></image>
|
|
</view>
|
|
<view class="zone-r">
|
|
<view class="zone-2 display_J_B" data-title='节令甄选' catchtap="integral" style="background: url({{bgImg}}zone-2.png) no-repeat;background-size: 100%;">
|
|
<view class="zone-2__l">
|
|
<view class="zone-name zone-name__2">节令甄选</view>
|
|
<view class="zone-tips zone-tips__2">为您精心挑选</view>
|
|
<view class="zone-icon zone-icon__2 display_J_C display_A_C">GO<image src="/icon/zone-right.png"></image>
|
|
</view>
|
|
</view>
|
|
<image wx:for="{{imgList}}" wx:if="{{item.bannerType==10}}" src="{{item.bannerImage}}"></image>
|
|
</view>
|
|
<view class="zone-2 display_J_B" data-title='热卖专区' catchtap="integral" style="background: url({{bgImg}}zone-3.png) no-repeat;background-size: 100%;margin-top:30rpx;">
|
|
<view class="zone-2__l">
|
|
<view class="zone-name zone-name__3">热卖专区</view>
|
|
<view class="zone-tips zone-tips__2">所有人都在买</view>
|
|
<view class="zone-icon zone-icon__3 display_J_C display_A_C">GO<image src="/icon/zone-right.png"></image>
|
|
</view>
|
|
</view>
|
|
<image wx:for="{{imgList}}" wx:if="{{item.bannerType==11}}" src="{{item.bannerImage}}"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="goods">
|
|
<view class="type-all display_J_S">
|
|
<view class="type {{item.active?'type-active':''}}" wx:for='{{type}}' wx:key='index' catchtap="goodsType" data-index='{{index}}' data-id='{{item.id}}'>
|
|
<view class="type-name GStitleOne">{{item.typeName}}</view>
|
|
<view class="type-label">{{item.typeLabel}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="cont-all">
|
|
<view class="cont" catchtap="goodsDetails" data-type='1' data-id='{{item.id}}' wx:for='{{goods}}' wx:key='index'>
|
|
<image class="goods-img" src="{{item.goodsPhoto}}"></image>
|
|
<view class="goods-name GStitleTwo">{{item.goodsName}}</view>
|
|
<view class="goods-price">
|
|
<view class="price">
|
|
<text class="price-text1">￥</text>{{item.price}}
|
|
<text class="price-text2">￥{{item.wisdGoodsSpecList[0].originalPrice}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="goods-sales">已出售{{item.goodsSales}}件</view>
|
|
</view>
|
|
<view class="empty" wx:if='{{goods.length==0}}'>暂无此类商品~</view>
|
|
</view>
|
|
|