lachang-wxapp/pages/tabBar/index/index.wxml

<wxs module="textUtil" src="../../../utils/textUtil.wxs" />
<import src="index.skeleton.wxml" />
<template is="skeleton" wx-if="{{isLoading}}" />
<block wx:if="{{!isLoading}}">
    <!-- 共用自定义头部 -->
    <view class="flex commonHead {{isTop?'isTop':''}}" style='height:{{statusBarHeight}}px;'>
        <view class='flex commonContent' style='height:{{statusBarHeight}}px;'>
            <view class='commonHeadWrap flex'>
                <view class='headIconBox flex-c-c' wx:if="{{isLogOn && (userRole == 4 || userRole == 99) && !isTop}}" bindtap="goToPoster">
                    <image class="icon" src="/static/icon/icon_boss_code.png" mode="aspectFill"></image>
                </view>
                <view class="searchCon flex-c {{ isLogOn && (userRole == 4 || userRole == 99) && !isTop ?'':'noLeft'}}" bindtap="navigateTo" data-url="/pages/index/pages/search/search">
                    <image class="icon" src="/static/icon/icon_new_search.png" mode="aspectFill"></image>
                    <view class="searchText">搜索商品</view>
                </view>
            </view>
        </view>
    </view>
    <!-- 常规版首页内容 -->
    <view class="pageContainer" wx:if="{{!isActivityPage}}">
        <view class="pageTopCom">
            <!-- 第一个轮播图 -->
            <block>
                <view class="swiperContainer pageOneSwiper" wx:if="{{oneData && oneData.length > 0}}">
                    <swiper class="oneSwiperImage" wx:if="{{oneData.length > 1}}" indicator-dots="{{true}}" circular="true" autoplay="true" interval="4500" duration="500">
                        <block wx:for="{{oneData}}" wx:for-item="item" wx:key="index">
                            <swiper-item bind:tap="adClick" data-jumpid="{{item.jump_id}}" data-jumptype="{{item.jump_type}}" data-id="{{item.id}}">
                                <image mode='aspectFill' lazy-load="{{true}}" class='swiperImage' src='{{item.image}}'></image>
                            </swiper-item>
                        </block>
                    </swiper>
                    <block wx:for="{{oneData}}" wx:for-item="item" wx:key="index" wx:if="{{oneData.length <= 1}}">
                        <view class="oneSwiperImage" bind:tap="adClick" data-jumpid="{{item.jump_id}}" data-jumptype="{{item.jump_type}}" data-id="{{item.id}}">
                            <image mode='aspectFill' lazy-load="{{true}}" class='swiperImage' src='{{item.image}}'></image>
                        </view>
                    </block>
                </view>
                <view class="noOneData" wx:else>
                    <image class="swiperImage" lazy-load="{{true}}" src="http://lachang.fanfanle.cn/uploads/10001/20231121/e5db6a94825cc3f5b8bfa4491d3241db.jpg" mode="aspectFill"></image>
                </view>
            </block>
            <!-- 惠存 惠买 -->
            <view class="benefitBox flex-c-c">
                <view class="benefitItem" bindtap="navigateTo" data-url="/pages/index/pages/riceCard/cardList/cardList">
                    <image class="back" lazy-load="{{true}}" src="/static/images/image_index_h1.png" mode="aspectFill"></image>
                </view>
                <view class="benefitItem" bindtap="navigateTo" data-url="/pages/bonus/pages/bonusShop/bonusShop">
                    <image class="back" lazy-load="{{true}}" src="/static/images/image_index_h2.png" mode="aspectFill"></image>
                </view>
            </view>
            <view class="pageKkBox flex-c-c">
                <image src="/static/images/image_kk.png" mode="aspectFill"></image>
            </view>
            <!-- Mi PLUS会员 -->
            <view class="menmberContent" bind:tap="memberClick">
                <image class="icon" src="/static/images/home_joinmembership.png" mode="aspectFill"></image>
            </view>
            <!-- 视频 -->
            <view class="videoContent" wx:if="{{videoPath}}">
                <view class="videoBox">
                    <video id="myVideo" src="{{videoPath}}" show-play-btn="{{true}}" custom-cache="{{false}}" controls show-center-play-btn="{{false}}" objectFit='cover'></video>
                    <view class="videoImageBox flex-c-c" wx:if="{{!isPlay}}">
                        <image class="videoIcon" bind:tap="videoPlay" src="/static/icon/icon_bf.png"></image>
                        <image class="videoCover" mode="aspectFill" src="{{videoImage}}"></image>
                        <view class="videoMantle"></view>
                    </view>
                </view>
            </view>
            <!-- 第二个轮播图 -->
            <!-- <view class="pageMainItemBox">
                <view class="swiperContainer two" wx:if="{{twoData && twoData.length > 0}}">
                    <swiper class="oneSwiperImage" wx:if="{{twoData.length > 1}}" indicator-dots="{{true}}" circular="true" autoplay="true" interval="6000" duration="500">
                        <block wx:for="{{twoData}}" wx:for-item="item" wx:key="index">
                            <swiper-item bind:tap="adClick" data-jumpid="{{item.jump_id}}" data-jumptype="{{item.jump_type}}" data-id="{{item.id}}">
                                <image mode='aspectFill' lazy-load="{{true}}" class='swiperImage' src='{{item.image}}'></image>
                            </swiper-item>
                        </block>
                    </swiper>
                    <block wx:for="{{twoData}}" wx:for-item="item" wx:key="index" wx:if="{{twoData.length <= 1}}">
                        <view class="oneSwiperImage" bind:tap="adClick" data-jumpid="{{item.jump_id}}" data-jumptype="{{item.jump_type}}" data-id="{{item.id}}">
                            <image mode='aspectFill' lazy-load="{{true}}" class='swiperImage' src='{{item.image}}'></image>
                        </view>
                    </block>
                </view>
            </view> -->
            <!-- 探秘 体验模块 -->
            <!-- <view class="exploreList" wx:if="{{threeData && threeData.length > 0}}">
                <block wx:for="{{threeData}}" wx:for-item="item" wx:key="index">
                    <view class="exploreItem" bind:tap="adClick" data-jumpid="{{item.jump_id}}" data-jumptype="{{item.jump_type}}" data-id="{{item.id}}">
                        <view class="exploreCon">
                            <image src="{{item.image}}" lazy-load="{{true}}" mode="aspectFill"></image>
                        </view>
                    </view>
                </block>
            </view> -->
            <!-- 第三个轮播图 -->
            <!-- <view class="pageMainItemBox"  wx:if="{{fourData && fourData.length > 0}}">
                <view class="swiperContainer two">
                    <swiper class="oneSwiperImage" wx:if="{{fourData.length > 1}}" circular="true" autoplay="true" interval="5200" duration="500">
                            <block wx:for="{{fourData}}" wx:for-item="item" wx:key="index">
                                <swiper-item bind:tap="adClick" data-jumpid="{{item.jump_id}}" data-jumptype="{{item.jump_type}}" data-id="{{item.id}}">
                                    <image mode='aspectFill' lazy-load="{{true}}" class='swiperImage' src='{{item.image}}'></image>
                                </swiper-item>
                            </block>
                        </swiper>
                        <block wx:for="{{fourData}}" wx:for-item="item" wx:key="index" wx:if="{{fourData.length <= 1}}">
                            <view class="oneSwiperImage" bind:tap="adClick" data-jumpid="{{item.jump_id}}" data-jumptype="{{item.jump_type}}" data-id="{{item.id}}">
                                <image mode='aspectFill' lazy-load="{{true}}" class='swiperImage' src='{{item.image}}'></image>
                            </view>
                        </block>
                </view>
            </view> -->
        </view>
        <!-- 产品展示区 -->
        <view class="pageBotBack" id="pageBotBack" wx:if="{{goodsList && goodsList.length > 0}}">
            <view class="pageModelTitle flex-c-c">
                <image class="icon" src="/static/icon/icon_index_ll.png" mode="aspectFill"></image>
                <view class="name">产品展示</view>
                <image class="icon right" src="/static/icon/icon_index_ll.png" mode="aspectFill"></image>
            </view>
            <view class="goodsList flex">
                <block wx:for="{{goodsList}}" wx:for-item="item" wx:key="index">
                    <view class="goodsItem" bindtap="navigateTo" data-url="/pages/cart/pages/goodsDetail/goodsDetail?goods_id={{item.goods_id}}">
                        <view class="goodsContent">
                            <view class="goodsImgBox">
                                <image src="{{item.goods_image+textUtil.imageMiddle()}}" mode="aspectFill" lazy-load="{{true}}"></image>
                            </view>
                            <view class="goodsInfoBox">
                                <view>
                                    <view class="title textSpill2">
                                        <!-- 秒杀标识 -->
                                        <image wx:if="{{item.miaosha && item.miaosha.type == 4}}" class="icon" src="/static/icon/goodsMx.png" mode="aspectFill"></image>
                                        <image wx:elif="{{item.za}}" class="icon goodsMyZy" src="/static/icon/goodsMyZy.png" mode="aspectFill"></image>
                                        <view class="goodsNameText">{{item.goods_name}}</view>
                                    </view>
                                    <view class="sales flex">
                                        <view>月销量：</view>
                                        <view class="number">
                                            {{textUtil.numberFixed(item.goods_sales)}}
                                        </view>
                                    </view>
                                </view>
                                <view class="botBox flex-c">
                                    <view class="priceBox flex">
                                        <view class="tag">¥</view>
                                        <view class="pra">
                                            {{textUtil.priceSplit(item.spec_type == 10?item.goods_price_min:item.goods_price_min)[0]}}
                                        </view>
                                        <view class="prb">
                                            .{{textUtil.priceSplit(item.spec_type == 10?item.goods_price_min:item.goods_price_min)[1]}}
                                        </view>
                                    </view>
                                    <view class="linkprice flex" wx:if="{{textUtil.isShowLinePrice(item.goods_price_min,item.line_price_min)}}">
                                        <view>¥</view>
                                        <view class="lPr">{{item.line_price_min}}</view>
                                    </view>
                                </view>
                                <!-- 抢 -->
                                <view class="robBox" wx:if="{{(item.miaosha && item.miaosha.type == 4) || item.za}}">
                                    <image class="icon" src="/static/icon/icon_robBoxIndex.png" mode="aspectFill"></image>
                                </view>
                                <view class="addCartBox" wx:else catchtap="addCart" data-id="{{item.goods_id}}" data-stock="{{item.stock_total}}">
                                    <image class="icon" wx:if="{{item.stock_total && item.stock_total >0}}" src="/static/icon/icon_add_cart.png" mode="aspectFill"></image>
                                    <image class="icon" wx:else src="/static/icon/icon_add_no.png" mode="aspectFill"></image>
                                </view>
                            </view>
                        </view>
                    </view>
                </block>
            </view>
        </view>
        <!-- 分享按钮 -->
        <button class="pageShare flex-c-c" open-type='share'>
            <image class="shareIcon" src="/static/icon/icon_index_fx.png" mode="aspectFill"></image>
        </button>
    </view>
    <!-- 活动版首页 -->
    <view class="activityContainer" wx:if="{{isActivityPage}}">
        <activityPage id="activityPage" activityViewData="{{activityViewData}}" activityBack="{{activityBack}}"></activityPage>
    </view>
</block>
<!-- 弹窗广告 -->
<tui-modal show="{{showPopupAd && popupData.length > 0}}" background="transparent" custom padding="0rpx" width="580rpx" radius="16rpx" top="45%">
    <view class="popupModal" bind:tap="adClick" data-jumpid="{{popupData[0].jump_id}}" data-type="1" data-jumptype="{{popupData[0].jump_type}}" data-id="{{popupData[0].id}}">
        <image class="popupImage" src="{{popupData[0].image || popupData[0].imgUrl}}" mode="aspectFill"></image>
        <view class="closeIcon" catchtap="popupClose">
            <image class="icon" src="/static/icon/icon_modal_newX.png"></image>
        </view>
    </view>
</tui-modal>
<!-- 登陆弹窗 -->
<login show-login="{{!isLogOn  && scene == 1047  && appleSId}}" />