CRMEB/view/crmebN/pages/index/index.wxml

146 lines
5.8 KiB
Plaintext

<!--banner-->
<view class='swiper_banner'>
<swiper class="swiper-box" style="height:400rpx" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" indicator-color="{{indicatorColor}}" indicator-active-color="{{indicatorActivecolor}}">
<block wx:for="{{imgUrls}}" wx:key="key">
<swiper-item>
<image bindtap='goUrl' data-url="{{item.url}}" src="{{item.pic}}" class="slide-image"/>
</swiper-item>
</block>
</swiper>
</view>
<!-- 导航 -->
<view class='nav flex'>
<block wx:for="{{menus}}" wx:key="key">
<view class='nav-item'>
<navigator class='flex' hover-class="none" url='{{item.url}}' wx:if="{{item.show == '是'}}" open-type='switchTab'>
<image src='{{item.pic}}'></image>
<view class='nav-title'>{{item.name}}</view>
</navigator>
<navigator class='flex' hover-class="none" url='{{item.url}}' wx:else>
<image src='{{item.pic}}'></image>
<view class='nav-title'>{{item.name}}</view>
</navigator>
</view>
</block>
</view>
<!-- 精品推荐 -->
<view class='new-product'>
<view class='title-bar' bindtap='torday' >
<view class='iconfont icon-jingpintuijian'></view>
<text>精品推荐</text>
<navigator hover-class="none" class='flex'><text>更多推荐</text><text class='iconfont icon-xiala'></text></navigator>
</view>
<view class='scroll-product'>
<scroll-view class="scroll-view_x" scroll-x style="width: auto;overflow:hidden;">
<block wx:for="{{recommendList}}" wx:key="key">
<view class='item'>
<navigator hover-class="none" url="/pages/product-con/index?id={{item.id}}">
<view class='img-box'><image src='{{url}}{{item.image}}'></image></view>
<view class='pro-info'>
<view class='pro-title'>{{item.store_name}}</view>
<view class='price-small'>¥{{item.price}}</view>
</view>
</navigator>
</view>
</block>
</scroll-view>
</view>
</view>
<!-- 首发新品 -->
<view class='today-new'>
<view class='title-bar' bindtap='torday'>
<view class='iconfont icon-shangxinfuwu'></view>
<text>首发新品</text>
<navigator hover-class="none" bindtap='torday' class='flex'><text>更多新品</text><text class='iconfont icon-xiala'></text></navigator>
</view>
<view class='new-pro-wrapper'>
<block wx:for="{{newList}}" wx:key="key">
<view class='item'>
<navigator class='flex' hover-class="none" url="/pages/product-con/index?id={{item.id}}">
<view class='text-box flex'>
<view class='title'>{{item.store_name}}</view>
<view class='price'><text>¥</text>{{item.price}}</view>
</view>
<view class='img-box'><image src='{{url}}{{item.image}}'></image></view>
</navigator>
</view>
</block>
</view>
</view>
<!-- 热卖单品 -->
<view class='new-product2'>
<view class='title-bar' bindtap='torday' >
<view class='iconfont icon-jingpintuijian'></view>
<text>热卖单品</text>
<navigator hover-class="none" class='flex'><text>更多推荐</text><text class='iconfont icon-xiala'></text></navigator>
</view>
<view class='scroll-product2'>
<scroll-view class="scroll-view_x" scroll-x style="width: auto;overflow:hidden;">
<block wx:for="{{hotList}}" wx:key="key">
<view class='item'>
<navigator hover-class="none" url="/pages/product-con/index?id={{item.id}}">
<view class='img-box'><image src='{{url}}{{item.image}}'></image></view>
<view class='pro-info'>
<view class='pro-title'>{{item.store_name}}</view>
<view class='price-small'>¥{{item.price}}</view>
<view class='buy flex'><image src="/images/carts.png"></image>立即购买</view>
</view>
</navigator>
</view>
</block>
</scroll-view>
</view>
</view>
<view class='today-new'>
<view class='title-bar' bindtap='torday'>
<view class='iconfont icon-shangxinfuwu'></view>
<text>促销单品</text>
<navigator hover-class="none" bindtap='torday' class='flex'><text>更多新品</text><text class='iconfont icon-xiala'></text></navigator>
</view>
<view class='new-pro-wrapper2'>
<block wx:for="{{benefitList}}" wx:key="key">
<view class='item'>
<navigator class='flex' hover-class="none" url="/pages/product-con/index?id={{item.id}}">
<view class='text-box flex'>
<view class='title'>{{item.store_name}}</view>
<view class='salePrice'>促销价: ¥<text>{{item.price}}</text></view>
<view class='price flex'>
<view class='dailyPrice'>日常价:{{item.ot_price}}</view>
<view>仅剩:{{item.stock}}</view>
</view>
</view>
<view class='img-box'><image src='{{url}}{{item.image}}'></image></view>
</navigator>
</view>
</block>
</view>
</view>
<block wx:for="{{lovely}}" wx:if="{{index < 1}}" wx:key="key">
<view class='hot-banner'>
<image src='{{url}}{{item.img}}'></image>
</view>
</block>
<!-- 猜你喜欢 -->
<view class='product-like'>
<view class='title-bar'>
<view class='iconfont icon-cainixihuan'></view>
<text>猜你喜欢</text>
</view>
<view class='like-box flex'>
<block wx:for="{{likeList}}" wx:key="key">
<view class='item'>
<navigator hover-class="none" url="/pages/product-con/index?id={{item.id}}">
<view class='img-box'><image src='{{url}}{{item.image}}'></image></view>
<view class='text-info'>
<view class='title'>{{item.store_name}}</view>
<view class='price'>¥{{item.price}}</view>
</view>
</navigator>
</view>
</block>
</view>
<view class='loading flex'><icon class='iconfont icon-jiazaizhong loadingpic' hidden='{{hidden}}'></icon>{{title}}</view>
</view>