test/subPackages/feiyiNew/index.wxml

<!--pages/feiyi/list/index.wxml-->
<!-- 非遗专卖页面 -->
<view class="fiyi-main">
  <view style="{{seachFlag?'':'height: 500rpx;'}}">
    <!-- <search bind:onload="search" name="{{name}}"></search> -->
    <view class="title-box{{transparent==1?' bg-box':''}}" style="height:{{isScene==1?'0':(height+padHeight)}}px;">
      <view class="title-header" style="padding-top:{{padHeight}}px;height:{{height}}px">
        <icon bindtap="back" class="iconfont icon-fanhui1"></icon>
        <view bindtap="goNewSearch" class="search-box" style="margin-right:{{right + 5}}px;">
          <icon class="iconfont icon-sousuo"></icon>
          <view class="weui-input" style="color: #999;font-weight: 400;font-size: 27rpx;">请输入商品名称</view>
          <!-- <input placeholder-class="{{transparent==1?'phcolor':''}}" class="weui-input" placeholder="搜索" /> -->
          <view wx:if="{{isScene!=1}}" style="display: flex;padding-right: 12rpx;">
            <view style="color: #ccc;">|</view>
            <view style="margin-left:22rpx;font-weight: 400;font-size: 29rpx;color: #0B898E;">搜索</view>
          </view>
        </view>
      </view>
    </view>
    <image lazy-load wx:if="{{!seachFlag}}" class="heaimg" src="https://static.ticket.sz-trip.com/uploads/20240715/590b8c17b06ccadd09f43ee9260d2a36.png" mode="widthFix"></image>
  </view>
  <view wx:if="{{!seachFlag}}" class="feiyi-centent">
    <!-- <view class="type-box">
    <view style="display: flex;">
      <view wx:for="{{flag?navList:navList2}}" wx:key="*this" bindtap="changeNav" data-index="{{index}}" class="{{index == navIndex ? 'seld-nav':'nav'}}">{{item.title}}</view>
    </view>
    <image lazy-load bindtap="changeStyle" class="changeStyle" src="https://static.ticket.sz-trip.com/uploads/20240710/62bb38d5f88754e57447a26b14176aa2.png" mode="" />
  </view> -->
    <!-- 产品部分 -->
    <view wx:if="{{navIndex == 0}}" style="height: 100%; overflow: hidden;">
      <view style="display: flex;height: 100%; overflow: hidden;">
        <!-- 左侧二级分类 -->
        <view class="left">
          <scroll-view scroll-y="true" style="height: 100%" bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll">

            <view wx:for="{{typeList}}" wx:key="*this" class="{{index == typeIndex ? 'seld-type':'type-two-box'}}" bindtap="changeType" data-index="{{index}}">
              <view class="line" wx:if="{{index == typeIndex}}"></view>
              <view>
                {{item.name}}
              </view>
            </view>
          </scroll-view>
        </view>
        <!-- 右侧产品列表 -->
        <view style="display:flex;height:100%;flex-direction: column; ">
          <view style="width: 550rpx; display: flex;justify-content: flex-end;margin: 21rpx 24rpx 20rpx 0;">
            <view class="nav-box">
              <view class="{{navIndex == index ? 'styleBtn-seld' : 'styleBtn'}}" wx:for="{{navList}}" data-index="{{index}}" bindtap="changeNav">
                <image lazy-load src="{{navIndex == index ?item.icon :item.seldIcon}}" mode="" class="style-icon" style="width:29rpx;height:29rpx;" />
                <!-- <image lazy-load wx:if="{{navIndex == index}}" class="style-icon" style="width:29rpx;height:29rpx;" src="https://static.ticket.sz-trip.com/uploads/20240715/1cb81757944dd8523f3786195969266c.png" mode="" /> -->
                <!-- <image lazy-load wx:else class="style-icon" style="width:29rpx;height:29rpx;" src="https://static.ticket.sz-trip.com/uploads/20240710/62bb38d5f88754e57447a26b14176aa2.png" mode="" /> -->
                <text>{{item.title}}</text>
              </view>
            </view>
          </view>
          <view class="list" style="width:550rpx; height:100%; flex:1; overflow: hidden;padding-bottom: 30rpx;">
            <scroll-view scroll-y="true" style="height: 100%" bindscrolltoupper="upper" bindscrolltolower="getList" bindscroll="scroll">
              <view class="item" wx:for="{{list}}" wx:key="*this" bindtap="goodsDetail" data-goods="{{item}}">
                <image lazy-load class="img" src="{{item.headimg}}" mode="" />
                <view class="content">
                  <view class="title">
                    {{item.title}}
                  </view>
                  <view class="item-bottom">
                    <view class="price">
                      <text class="current-price">{{item.price/100}}</text>
                      <text class="original-price" wx:if="{{item.market_price && item.market_price!=0 && item.market_price>item.price}}">¥{{item.market_price/100}}</text>
                    </view>
                    <view class="add" catchtap="addBuyCart" data-item="{{item}}">+</view>
                  </view>
                </view>
              </view>
            </scroll-view>
          </view>
        </view>
      </view>
    </view>
    <!-- 店铺展示 -->
    <view wx:else style="padding: 0 26.67rpx; display: flex; flex-direction: column;  overflow: hidden;">
      <view style="width: 700rpx;display: flex;justify-content: flex-end;margin: 21rpx 24rpx 20rpx 0;">
        <view class="nav-box">
          <view class="{{navIndex == index ? 'styleBtn-seld' : 'styleBtn'}}" wx:for="{{navList}}" data-index="{{index}}" bindtap="changeNav">
            <image lazy-load src="{{navIndex == index ?item.icon :item.seldIcon}}" mode="" class="style-icon" style="width:29rpx;height:29rpx;" />
            <!-- <image lazy-load wx:if="{{navIndex == index}}" class="style-icon" style="width:29rpx;height:29rpx;" src="https://static.ticket.sz-trip.com/uploads/20240715/1cb81757944dd8523f3786195969266c.png" mode="" />
          <image lazy-load wx:else class="style-icon" style="width:29rpx;height:29rpx;" src="https://static.ticket.sz-trip.com/uploads/20240710/62bb38d5f88754e57447a26b14176aa2.png" mode="" /> -->
            <text>{{item.title}}</text>
          </view>
        </view>
      </view>
      <view style="flex:1; overflow: hidden;">
        <scroll-view scroll-y="true" style="height: 100%" bindscrolltoupper="upper" bindscrolltolower="getSupplierTag" bindscroll="scroll">
          <view wx:for="{{list}}" class="list1" wx:key="*this">
            <view class="top-info" bindtap="goShop" data-id="{{item.id}}">
              <common-image mode="aspectFill" src="{{item.headimg}}" style="border-radius: 13rpx;"></common-image>
              <view class="supplier-info">
                <view class="supplier-name textOver">{{item.shop_name}}</view>
                <view class="mid-box">
                  <view class="supplier-tags">
                    <view class="supplier-tag textOver" wx:for="{{item.display_tags}}">{{item}}</view>
                  </view>
                  <view class="supplier-price"><text>￥</text><text>{{(item.start_price/100)}}</text><text>起</text></view>
                </view>
                <view class="bottom-box">
                  <view class="supplier-address supplier-tags"><text class="iconfont icon-location"></text><text style="max-width: 300rpx;" class="textOver">{{item.address}}</text></view>
                  <view class="btn">
                    进店看看
                  </view>
                </view>
              </view>
            </view>
            <view class="product-list">
              <view data-item="{{item}}" bindtap="goodsDetail" data-goods="{{item}}" class="product-item" wx:for="{{item.product}}" wx:key="*this">
                <image lazy-load src="{{item.headimg}}" mode="aspectFill"></image>
                <view class="product-title textOver2">{{item.title}}</view>
                <view class="supplier-price"><text>￥</text><text style="font-size:32rpx">{{(item.price/100)}}</text><text class="market_price" wx:if="{{item.market_price && item.market_price!=0 && item.market_price>item.price}}">{{item.market_price/100}}</text></view>
              </view>
            </view>
          </view>
        </scroll-view>
      </view>
    </view>
  </view>
</view>
<!-- 搜索到的产品列表 -->
<view wx:if="{{seachFlag}}" style="overflow-y: scroll;margin-top: -700rpx;padding-bottom: 50rpx;">
  <view class="hot-list" wx:if="{{list.length>0}}">
    <view class="hot-list-item" wx:for="{{2}}" wx:for-index="number" wx:key="this">
      <view class="hot-item" wx:for="{{list}}" wx:if="{{index%2==number}}" bindtap="goodsDetail" data-goods="{{item}}" wx:key="id">
        <image lazy-load class="hot-item-img" src="{{item.headimg}}" mode="" />
        <view class="hot-item-main">
          <view class="hot-item-title textOver2">
            {{item.title}}
          </view>
          <view style="display: flex;justify-content: space-between;align-items: center; ">
            <view>
              <text class="hot-item-price">{{item.price/100}}</text>
              <text class="hot-item-market_price" wx:if="{{item.market_price && item.market_price!=0 && item.market_price>item.price}}">{{item.market_price/100}}</text>
            </view>
            <image lazy-load class="add" catchtap="addBuyCart" data-item="{{item}}" src="https://static.ticket.sz-trip.com/uploads/20240715/3ad59eac0088d47ff4bc2fec6ffd8f56.png" mode="" />
          </view>
        </view>
      </view>
    </view>
  </view>
  <view wx:if="{{list.length==0}}" style="display: flex;flex-direction: column;align-items: center;position: absolute;left: 211rpx;top: 286.67rpx;">
    <image lazy-load style="width:328rpx;height:450.67rpx;" src="https://static.ticket.sz-trip.com/uploads/20240715/3750a41a89b49e9f546a6ba85d71d66e.png" mode="" />
    <view style="font-family: PingFang SC;font-weight: 500;font-size: 28rpx;color: #666666;margin-top: 67rpx;">
      暂无搜索结果
    </view>
  </view>
</view>
<!-- 底部购物车 -->
<view style="width:100%;height:167rpx;" wx:if="{{navIndex == 0}}">
</view>
<view class="bottom" wx:if="{{(navIndex == 0 &&skuFlag != 'cart') || showPopup}}">
  <!-- 左边购物车图标及价格 -->
  <view class="gwc-left">
    <view class="gwc" bindtap="openPopup">
      <image lazy-load wx:if="{{cartCount == 0}}" style="width: 100%;height: 100%;" src="https://static.ticket.sz-trip.com/uploads/20240715/520600afc4bd32ed1f44bc5985fc2ba5.png" mode="" />
      <image lazy-load wx:else style="width: 100%;height: 100%;" src="https://static.ticket.sz-trip.com/uploads/20240711/f9c290c64c521feae643d28f1b8c9c60.png" mode="" />
      <view class="cartCount">{{cartCount}}</view>
    </view>
    <view style="font-weight: 500;font-size: 27rpx;color: #000000;">
      总计：<text class="money">{{totalPrice/100}}</text>
    </view>
    <view wx:if="{{totalPrice>0}}" style="margin-left: 16.67rpx;font-family: PingFang SC;font-weight: 500;font-size: 27rpx;color: #0B898E;" bindtap="openPopup">
      <text>明细</text>
      <image lazy-load wx:if="{{showPopup}}" style="width:17.33rpx;height:17.33rpx;margin-left: 10rpx;" src="https://static.ticket.sz-trip.com/uploads/20240715/524acef87f09269f6a4fa39d0fa38c18.png" mode="" />
      <image lazy-load wx:else style="width:17.33rpx;height:17.33rpx;margin-left: 10rpx;" src="https://static.ticket.sz-trip.com/uploads/20240715/080e94053d1444707d18860a73b17915.png" mode="" />
    </view>
  </view>
  <!-- 去结算按钮 -->
  <view wx:if="{{totalPrice==0}}" class="no-buy">去结算</view>
  <view wx:else class="buy" bindtap="order">去结算</view>
</view>
<!-- 规格弹窗 -->
<view class="mask" wx:if="{{skuFlag}}">
  <view class="mask-bg" bindtap="hideSku" style="z-index: 9999;"></view>
  <view class="mask-content" style="z-index: 99999;">
    <view class="iconfont icon-close" bindtap="hideSku"></view>
    <view class="sku-info-box">
      <image lazy-load id="skuImg" src="{{info.sku[skuIndex].headimg}}" mode="aspectFill"></image>
      <view class="sku-info">
        <view class="sku-price">{{info.sku[skuIndex].price/100}}
          <view class="allowance" wx:if="{{allowance_data}}">
            补贴价：￥{{ (1 - allowance_data.discount_rate / 100) * info.sku[skuIndex].price / 100 }}</view>
        </view>
        <view class="sku-name">已选择：{{info.sku[skuIndex].sku_name}}</view>
      </view>
    </view>
    <view class="sku-names">
      <view bindtap="selectSku" data-index="{{index}}" class="sku-name-item textOver{{index==skuIndex?' active':''}}" wx:for="{{info.sku}}" wx:key="*this">{{item.sku_name}}</view>
    </view>
    <view class="number-box">
      <text>数量</text>
      <view class="iconfont icon-sami-select" bindtap="minus"></view>
      <view class="number">{{producNum}}</view>
      <view class="iconfont icon-add-select" bindtap="add"></view>
    </view>
    <view class="delivery-method" wx:if="{{info.is_package!=1}}">
        <view class="delivery-title">配送方式</view>
        <view class="flex" style="display: flex;">
            <view class="flex-center" wx:if="{{info.sku[skuIndex].use_type!=1}}" bind:tap="changeSelectSkuPost" data-value="{{0}}">
                <view class="select-cycle" wx:if="{{user_type!==0}}"></view>
                <view class="select-cycle selected" wx:else>
                    <image src="https://static.ticket.sz-trip.com/uploads/20240715/a961604bc708670cbdc76d1580eb3f3c.png"></image>
                </view>
                <view class="method-str">邮寄</view>
            </view>
            <view class="flex-center" wx:if="{{info.sku[skuIndex].use_type!=0}}" bind:tap="changeSelectSkuPost" data-value="{{1}}">
                <view class="select-cycle" wx:if="{{user_type!==1}}"></view>
                <view class="select-cycle selected" wx:else="">
                    <image src="https://static.ticket.sz-trip.com/uploads/20240715/a961604bc708670cbdc76d1580eb3f3c.png"></image>
                </view>
                <view class="method-str">自提</view>
            </view>
        </view>
    </view>
    <view style="height:138rpx"></view>
    <view class="btn-box">
      <!-- <view class="mask-btn" bindtap="addCart" wx:if="{{info.sku[skuIndex].flag=='on'}}">{{skuFlag=='cart'?'加入购物车':'立即购买'}}
      </view> -->
      <view class="mask-btn" bindtap="addCart" wx:if="{{info.sku[skuIndex].flag=='on'}}">加入购物车</view>
      <view class="mask-btn disable" wx:else>该商品已下架</view>
    </view>
  </view>
</view>
<!-- 购物车的弹窗 -->
<view class="mask" wx:if="{{showPopup}}">
  <view bindtap="openPopup" class="mask-bg"></view>
  <view class="mask-content" style="padding: 40rpx 0 180rpx;height: 900rpx;">
    <view style="margin: 0 26.67rpx;">
      <!-- 顶部操作按钮 -->
      <view class="flex" style="margin-bottom: 56.67rpx;">
        <view class="flex">
          <image lazy-load bindtap="allSelected" wx:if="{{allSelectedBtn}}" style="width: 43rpx;height: 43rpx;" src="https://static.ticket.sz-trip.com/uploads/20240715/a961604bc708670cbdc76d1580eb3f3c.png" mode="" />
          <view bindtap="allSelected" wx:else style="width: 40rpx;height: 40rpx;border-radius: 50%;border: 1px solid #999999;"></view>
          <text class="all">全选</text>
        </view>
        <view class="flex" bindtap="delAll">
          <image lazy-load style="width:26.67rpx;height:26.67rpx;" src="https://static.ticket.sz-trip.com/uploads/20240715/3320fbf5ccf471145c3c600582cd9b65.png" mode="" />
          <text class="del-all">清空</text>
        </view>
      </view>
      <view class="gwc-item" wx:for="{{gwcList}}" wx:key="*this" bindtap="selectedIt" data-item="{{item}}">
        <view style="margin-right: 26.67rpx;">
          <image lazy-load wx:if="{{item.selected ==1}}" style="width: 40rpx;height: 40rpx;" src="https://static.ticket.sz-trip.com/uploads/20240715/a961604bc708670cbdc76d1580eb3f3c.png" mode="" />
          <view wx:else style="width: 40rpx;height: 40rpx;border-radius: 50%;border: 1px solid #999999;"></view>
        </view>
        <view style="position: relative;height: 179rpx;border-radius: 13rpx;flex-shrink: 0;margin-right: 26rpx;">
            <image lazy-load style="width:179rpx;height: 179rpx;border-radius: 13rpx;" src="{{item.sku.headimg}}" mode="" />
            <view class="use-type">{{item.delivery_method==1?"自提":"邮寄"}}</view>
        </view>
        <view class="main">
          <view>
            <view class="title textOver">{{item.product.title}}</view>
            <view class="sku-title textOver">{{item.sku.sku_name}}</view>
          </view>
          <view class="main-bottom">
            <view class="price">{{item.sku.price/100}}</view>
            <view class="num-box">
              <image lazy-load class="reduce" catchtap="del" data-item="{{item}}" data-value="{{-1}}" src="https://static.ticket.sz-trip.com/uploads/20240715/054627e5d3864a9a4a8b397cae47754e.png" mode="" />
              <view style="margin: 0 25.33rpx;">{{item.num}}</view>
              <image lazy-load class="grow" catchtap="del" data-item="{{item}}" data-value="{{1}}" src="https://static.ticket.sz-trip.com/uploads/20240715/3ad59eac0088d47ff4bc2fec6ffd8f56.png" mode="" />
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>