Vintegral.wxml 8.0 KB
<view class="container">
  <view class="tabbar">
    <view class="tab_name">车唛优选</view>
    <view class="search">
      <searchInput></searchInput>
    </view>
  </view>
  <view class="feitab">
    <!-- 品类 -->
    <view class="top_title">
      <navigator class="top_img" hover-class="none">
        <image src="{{imagesUrl}}assets/static/img/3icon_icon.png" mode="widthFix"></image>
        <text>口碑商品</text>
      </navigator>
      <navigator class="top_img" hover-class="none">
        <image src="{{imagesUrl}}assets/static/img/2icon_icon.png" mode="widthFix"></image>
        <text>仓储供应</text>
      </navigator>
      <navigator class="top_img" hover-class="none">
        <image src="{{imagesUrl}}assets/static/img/1icon_icon.png" mode="widthFix"></image>
        <text>品质担保</text>
      </navigator>
    </view>
    <swiper class="banner" indicator-dots interval="{{interval}}" circular="true" autoplay="{{autoplay}}" indicator-color="rgba(255, 255, 255, 0.6)" indicator-active-color="#fff">
      <block>
        <swiper-item wx:for="{{swiperList}}" wx:key="index" wx:for-index="index" wx:for-item="item" bindtap="godetails" data-id="{{item.id}}">
          <navigator class="ims" hover-class="none" url='/pages/redPacket/redPacket'>
            <image src="{{item.img}}"></image>
          </navigator>
        </swiper-item>
      </block>
    </swiper>
    <!-- 分类 -->
    <view class='category'>
      <scroll-view scroll-x="true" bindscroll="scroll" style="width:100%;" bindscrolltoupper="upper" bindscrolltolower="lower">
        <view class="scro">
          <view class="category_list" wx:for="{{cateList}}" wx:key="index" wx:for-index="index" bindtap="goToCates" data-id="{{item.id}}">
            <image src="{{item.img}}"></image>
            <text>{{item.name}}</text>
          </view>
        </view>
      </scroll-view>
      <view class="waibar2" wx:if="{{red}}">
        <view class="neibar2" style="width:{{len}}"></view>
      </view>
      <view class="waibar" wx:else>
        <view class="neibar" style="width:{{len}}"></view>
      </view>
    </view>
    <!-- 广告 -->
    <view class="banner_0">
      <image src="{{bannerImg.shop_image1}}"></image>
    </view>
    <!-- 点赞赢评价 -->
    <view class="like">
      <image src="{{imagesUrl}}assets/static/img/2_img.png"></image>
      <text>点赞赢低价</text>
      <image src="{{imagesUrl}}assets/static/img/1_img.png"></image>
    </view>
    <!-- 点赞 列表 -->
    <view>
      <view wx:for="{{storeList}}" wx:key="index" wx:for-index="index" wx:for-item="item">
        <view wx:if="{{item.img !=''}}" class="like_list" bindtap="storeDetail" data-num="1" data-id="{{item.id}}">
          <view class="list_left">
            <image src="{{item.img}}"></image>
          </view>
          <view class="list_right">
            <text class="list_right_content">{{item.name}}</text>
            <view class="newzeng">
              <view class="status_change">{{item.shop_type}}</view>
              <view class="rit_text">
                <text class="numPer">{{item.sales_initial}}</text>
                <text class="numperson">位车友推荐</text>
              </view>
            </view>
            <view class="list_right_box">
              <view class="zan_price">
                <text class="icon_name">点赞价:</text>
                <text class="money_icon">¥</text>
                <text class="price_big">{{item.price}}</text>
              </view>
              <view class="del">
                <text class="money_icon_">¥</text>
                <text class="del_price_">{{item.line_price}}</text>
              </view>
            </view>
          </view>
        </view>
        <view class="like_list_1" wx:else bindtap="storeDetail" data-id="{{item.id}}" data-num="2">
          <text class="title_content2">{{item.name}}</text>
          <view class="down_next">
            <view class="newzeng">
              <view class="status_change">{{item.shop_type}}</view>
              <view class="rit_text">
                <text class="numPer">{{item.sales_initial}}</text>
                <text class="numperson">位车友推荐</text>
              </view>
            </view>
            <view class="price_dP_">
              <view class="zan_price_">
                <text class="icon_name_">点赞价:</text>
                <text class="money_icon_">¥</text>
                <text class="price_big_">{{item.price}}</text>
              </view>
              <view class="del">
                <text class="money_icon_">¥</text>
                <text class="del_price_">{{item.line_price}}</text>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="look_btn" bindtap="lookMoreTap" wx:if="{{more}}">查看更多</view>
    </view>
    <!-- 商品推荐 -->
    <view class="store_title">
      <view class="groom">
        <view class="red_color"></view>
        <view class="groom_title">商品推荐</view>
      </view>
      <view class="more_store" bindtap="lookMoreList">更多</view>
    </view>
    <!-- 推荐列 -->
    <view>
      <view wx:for="{{recommendList}}" wx:key="index" wx:for-index="index">
        <view wx:if="{{item.img!=''}}" class="like_list" bindtap="Toproductdetails" data-id="{{item.goods_id}}">
          <view class="list_left">
            <image src="{{item.img}}" mode="aspectFit"></image>
          </view>
          <view class="list_right">
            <text class="title_content2">{{item.goods_name}}</text>
            <view class="newzeng">
              <view class="status_change">{{item.shop_type}}</view>
              <view class="rit_text">
                <text class="numPer">{{item.sales_initial}}</text>
                <text class="numperson">位车友推荐</text>
              </view>
            </view>
            <view class="list_right_box">
              <view class="zan_price">
                <view class="let_money">
                  <text class="icon_name">现价:</text>
                  <text class="money_icon">¥</text>
                  <text class="price_big">{{item.price}}</text>
                </view>
              </view>
              <view class="del">
                <text class="money_icon_">¥</text>
                <text class="del_price_">{{item.line_price}}</text>
              </view>
            </view>
          </view>
        </view>
        <!-- 无图 -->
        <view class="like_list_1" wx:else bindtap="Toproductdetails" data-id="{{item.goods_id}}">
          <text class="title_content2">{{item.goods_name}}</text>
          <view class="down_next">
            <view class="newzeng">
              <view class="status_change">{{item.shop_type}}</view>
              <view class="rit_text">
                <text class="numPer">{{item.sales_initial}}</text>
                <text class="numperson">位车友推荐</text>
              </view>
            </view>
            <view class="price_dP_">
              <view class="zan_price_">
                <text class="icon_name_">现价:</text>
                <text class="money_icon_">¥</text>
                <text class="price_big_">{{item.price}}</text>
              </view>
              <view class="del">
                <text class="money_icon_">¥</text>
                <text class="del_price_">{{item.line_price}}</text>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="sharebox">
      <view class="shareImg" bindtap="onClickpopUp">
        <image src="{{imagesUrl}}assets/static/img/shareImg.png" />
      </view>
    </view>
    <view class="zan-dialog {{ showDialog ? 'zan-dialog--show' : '' }}" wx:if="{{showDialog}}">
      <view class="zan-dialog__mask" bindtap="onClickpopUp" />
      <view class="zan-dialog__container">
        <view class="popupBox" bindtap="onClickpopUp">
          <view class="popupImg">
            <image src="{{url}}" />
          </view>
          <view class="clickImg">
            <view class="btnImg" catchtap="keepPoster">保存海报</view>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>