MiniProjectX/litemall/litemall-wx/pages/index/index.wxml

<!-- index.wxml -->
<view class="container">
    <view class="search">
        <navigator url="/pages/search/search" class="input">
            <van-icon name="search" />
            <text class="txt">商品搜索, 共{{goodsCount}}款好物</text>
        </navigator>
    </view>
    <swiper class="banner" indicator-dots="true" autoplay="true" interval="3000" duration="1000">
        <swiper-item wx:for="{{banner}}" wx:key="id">
            <block wx:if="{{item.link>0}}">
                <navigator url="/pages/goods/goods?id={{item.link}}">
                    <image src="{{item.url}}" background-size="cover"></image>
                </navigator>
            </block>
            <block wx:else>
                <image src="{{item.url}}" background-size="cover"></image>
            </block>
        </swiper-item>
    </swiper>
    <view class="m-menu">
        <navigator class="item" url="/pages/category/category?id={{item.id}}" wx:for="{{channel}}" wx:key="id">
            <image src="{{item.iconUrl}}" background-size="cover"></image>
            <text>{{item.name}}</text>
        </navigator>
    </view>
    <view class="a-section a-coupon" wx:if="{{coupon.length > 0}}">
        <view class="h">
            <view class="title">
                <view>
                    <navigator url="/pages/coupon/coupon">
                        <text class="txt">优惠券</text>
                    </navigator>
                </view>
            </view>
        </view>
        <view wx:if="{{coupon.length>0}}" class="b">
            <view class="coupon_item" wx:for="{{coupon}}" wx:for-index="index" wx:for-item="item" wx:key="id" bindtap="getCoupon" data-index="{{item.id}}">
                <view class="coupon_price">
                    <view>
                        <!-- <view class="tag"></view> -->
                        <view class="price">{{item.discount}}元</view>
                        <view class="p">满{{item.min}}元使用</view>
                    </view>
                </view>
                <view class="coupon_msg">
                    <view class="coupon_condition">
                        <view class="coupon_tag">
                            <view class="coupon_tag_text">{{item.tag}}</view>
                        </view>
                        <view class="text">{{item.name}}</view>
                    </view>
                    <view class="coupon_instruction">{{item.desc}}</view>
                    <view class="coupon_date" wx:if="{{item.days != 0}}">{{item.days}}天</view>
                    <view class="coupon_date" wx:else>{{item.startTime}} - {{item.endTime}}</view>
                </view>
            </view>
        </view>
    </view>
    <view class="a-section a-groupon" wx:if="{{groupons.length > 0}}">
        <view class="h">
            <view class="title">
                <view>
                    <navigator url="/pages/groupon/grouponList/grouponList">
                        <text class="txt">团购专区</text>
                    </navigator>
                </view>
            </view>
        </view>
        <view class="b">
            <view class="item" wx:for="{{groupons}}" wx:for-index="index" wx:for-item="item" wx:key="id">
                <navigator url="/pages/goods/goods?id={{item.id}}">
                    <image class="img" src="{{item.picUrl}}" background-size="cover"></image>
                    <view class="right">
                        <view class="text">
                            <view class="header">
                                <text class="name">{{item.name}}</text>
                                <van-tag type="primary">{{item.grouponMember}}人成团</van-tag>
                            </view>
                            <view class="expire">
                                <van-tag round type="warning">有效期至 {{item.expireTime}}</van-tag>
                            </view>
                            <text class="desc">{{item.brief}}</text>
                            <view class="price">
                                <view class="counterPrice">现价：￥{{item.retailPrice}}</view>
                                <view class="retailPrice">团购价：￥{{item.grouponPrice}}</view>
                            </view>
                        </view>
                    </view>
                </navigator>
            </view>
        </view>
    </view>
    <view class="a-section a-brand">
        <view class="h">
            <navigator url="../brand/brand">
                <text class="txt">品牌制造商直供</text>
            </navigator>
        </view>
        <view class="b">
            <view class="item item-1" wx:for="{{brands}}" wx:key="id">
                <navigator url="/pages/brandDetail/brandDetail?id={{item.id}}">
                    <view class="wrap">
                        <image class="img" src="{{item.picUrl}}" mode="aspectFill"></image>
                        <view class="mt">
                            <text class="brand">{{item.name}}</text>
                            <text class="price">{{item.floorPrice}}</text>
                            <text class="unit">元起</text>
                        </view>
                    </view>
                </navigator>
            </view>
        </view>
    </view>
    <view class="a-section a-new" wx:if="{{newGoods.length > 0}}">
        <view class="h">
            <view>
                <navigator url="../newGoods/newGoods">
                    <text class="txt">周一周四 · 新品首发</text>
                </navigator>
            </view>
        </view>
        <view class="b">
            <view class="item" wx:for="{{newGoods}}" wx:for-index="index" wx:for-item="item" wx:key="id">
                <navigator url="../goods/goods?id={{item.id}}">
                    <image class="img" src="{{item.picUrl}}" background-size="cover"></image>
                    <text class="name">{{item.name}}</text>
                    <text class="price">￥{{item.retailPrice}}</text>
                </navigator>
            </view>
        </view>
    </view>
    <view class="a-section a-popular" wx:if="{{hotGoods.length > 0}}">
        <view class="h">
            <view>
                <navigator url="../hotGoods/hotGoods">
                    <text class="txt">人气推荐</text>
                </navigator>
            </view>
        </view>
        <view class="b">
            <view class="item" wx:for="{{hotGoods}}" wx:for-index="index" wx:for-item="item" wx:key="id">
                <navigator url="/pages/goods/goods?id={{item.id}}">
                    <image class="img" src="{{item.picUrl}}" background-size="cover"></image>
                    <view class="right">
                        <view class="text">
                            <text class="name">{{item.name}}</text>
                            <text class="desc">{{item.brief}}</text>
                            <text class="price">￥{{item.retailPrice}}</text>
                        </view>
                    </view>
                </navigator>
            </view>
        </view>
    </view>
    <view class="a-section a-topic" wx:if="topics.length > 0" hidden="{{topics.length <= 0}}">
        <view class="h">
            <view>
                <navigator url="/pages/topic/topic">
                    <text class="txt">专题精选</text>
                </navigator>
            </view>
        </view>
        <view class="b">
            <scroll-view scroll-x class="list">
                <view class="item" wx:for="{{topics}}" wx:for-index="index" wx:for-item="item" wx:key="id">
                    <navigator url="../topicDetail/topicDetail?id={{item.id}}">
                        <image class="img" src="{{item.picUrl}}" background-size="cover"></image>
                        <view class="np">
                            <text class="name">{{item.title}}</text>
                            <text class="price">￥{{item.price}}元起</text>
                        </view>
                        <text class="desc">{{item.subtitle}}</text>
                    </navigator>
                </view>
            </scroll-view>
        </view>
    </view>
    <view class="good-grid" wx:for="{{floorGoods}}" wx:key="id">
        <view class="h" wx:if="{{item.goodsList.length>0}}">
            <text>{{item.name}}</text>
        </view>
        <view class="b">
            <block wx:for="{{item.goodsList}}" wx:for-index="iindex" wx:for-item="iitem" wx:key="id">
                <view class="item {{iindex % 2 == 0 ? '' : 'item-b'}}">
                    <navigator url="../goods/goods?id={{iitem.id}}" class="a">
                        <image class="img" src="{{iitem.picUrl}}" background-size="cover"></image>
                        <text class="name">{{iitem.name}}</text>
                        <text class="price">￥{{iitem.retailPrice}}</text>
                    </navigator>
                </view>
            </block>
        </view>
        <navigator url="/pages/category/category?id={{item.id}}" class="t" wx:if="{{item.goodsList.length>0}}">
            <view class="txt">{{'更多'+item.name+'好物 >'}}</view>
        </navigator>
    </view>
</view>