laundry/pages/tabber/home/index.wxml

<!--pages/tabber/home/index.wxml-->
<view class="topBg">
    <image src="/pages/image/home/bg.png" class="img-bgs"></image>
    <view class="contioner">
        <image src="/pages/image/home/logo.png" class="tit"></image>
        <view class="tips">洗衣·洗鞋·高端护理</view>
    </view>


    <view class="shoppingBoxs flex ju-b">
        <view class="le flex ju-b">
            <image src="/pages/image/home/pic.png" class="pic"></image>
            <view class="content">
                <view class="tit">创星汇科技园B栋1号柜</view>
                <view class="message">离您最近｜距离40米</view>
                <view class="tags">可下单</view>
            </view>
        </view>

        <view class="lr">
            <image src="/pages/image/icon/location.png" class="icon"></image>
            <view class="tips">更换</view>
        </view>
    </view>
</view>

<view class="mainBoxs flex ju-b">
    <view class="mainItem" wx:for="{{menuList}}" wx:key="{{index}}">
        <image src="{{item.url}}" class="icon"></image>
        <view class="text">{{item.text}}</view>
    </view>
</view>

<!-- or gray -->
<view class="btns skyBlue ">
    <text>下单洗衣</text>
    <view class="tips flex">活动活动活动活动</view>
</view>

<view class="footerBoxs flex ju-b">
    <image class="img-bgs" src="/pages/image/home/bottom-bg.png"></image>

    <view class="le flex ju-b">
        <image src="/pages/image/home/hongbao.png" class="bag"></image>
        <view>
            <view class="tit">
                再完成<text>2单</text>得红包
            </view>
            <view class="flex ju-b">
                <view wx:for="{{5}}" wx:key="*this">
                    <image src="/pages/image/home/chiose-active.png" class="dot" wx:if="{{current-1 >= index}}"></image>
                    <image src="/pages/image/home/chiose.png" class="dot" wx:else></image>

                </view>
            </view>
        </view>
    </view>

    <view class="lr">去下单</view>
</view>

<view class="footerTips flex ju-b">
    <image src="/pages/image/home/tips.png" class="tips"></image>
    <view class="message">春节期间暂停服务，放假安排：2022-01-01至2022-02-02，
        暂停期间干洗柜中未取衣物可超常取出</view>
</view>

<view class="infoBoxs" style="right:{{0}}px;top:{{btnInfo.top+btnInfo.height}}px;">
    <image src="/pages/image/home/tishi.png" class="img-bgs"></image>
    <view class="close"></view>
</view>

<toast id='toast' icon="/pages/image/icon/success.png">
</toast>