VSpikeMall.wxml 6.5 KB
<view class="container">
  <view class="header">
    <view class="s" style='height:{{statusTop}}px'></view>
    <view class="left_img">
      <image src="{{imagesUrl}}assets/static/img/img_z.png" bindtap="goback" />
      <view class="title_oage">{{titlename}}</view>
    </view>
    <view class="mall">
      <view class="searchbox">
        <view class="searchinput" bindtap="goSearch">
          <image class="searchicon" src="{{imagesUrl}}assets/static/img/v-y.png" mode=""></image>
          <input type="text" placeholder="搜索您想要的商品" placeholder-style="color:#C8C9CC;font-size:28rpx" value="" />
        </view>
      </view>
      <view class="top_tit">
        <view class="tit_list">
          <view class="tit_item">
            <image src="{{imagesUrl}}assets/static/img/a_2.png" />
            <view class="item_names">口碑商品</view>
          </view>
          <view class="tit_item">
            <image src="{{imagesUrl}}assets/static/img/a_3.png" />
            <view class="item_names">仓储供应</view>
          </view>
          <view class="tit_item">
            <image src="{{imagesUrl}}assets/static/img/a_1.png" />
            <view class="item_names">品质担保</view>
          </view>
        </view>
      </view>
      <view class="tuan_order">
        <view class="bottom_scroll" scroll-x="true">
          <view class="nav  " wx:for="{{nav_list}}" wx:key="index" bindtap='switchTap' data-index="{{index}}" data-item="{{item}}">
            <view class="nav_tab  {{esl == index?'active':''}} ">{{item.name}}</view>
          </view>
        </view>
      </view>
    </view>
  </view>
  <view class="health">
    <view class="list">
      <view class='footlist_a' wx:if="{{products.length!=0}}">
        <view class="foot_left_a">
          <block wx:for="{{products}}" wx:key="index" wx:for-index="index" wx:for-item="item">
            <view class='footbox' wx:if="{{index%2==0}}" bindtap="goDetail" data-id="{{item.goods_id}}">
              <image class='cover' src="{{item.img}}" mode="widthFix"></image>
              <view class="text_bx  {{esl == 4?'new_padd':''}}">
                <view class="ster_nams  title_content2">{{item.goods_name}}</view>
                <view class="cen_tite" wx:if="{{esl!=4}}">
                  <view class="lis_title">{{item.shop_type}}</view>
                  <view class="stay">
                    <view class="numbe">{{item.sales_initial}}</view>
                    <view class="ber_name">位车友推荐</view>
                  </view>
                </view>
                <view class="price_bx" wx:if="{{esl!=4}}">
                  <view class="pt">
                    <view class="pt_icon">¥</view>
                    <view class="pt_price">{{item.price}}</view>
                  </view>
                  <view class="del">¥{{item.line_price}}</view>
                </view>
                <view class="cl_color" wx:if="{{esl==3}}">
                  <view class="cl_name">去抢购</view>
                  <view class="progess">
                    <progress percent="{{item.bai_num}}" style="color:#fff" backgroundColor="white" activeColor="#FF9D00" duration="30" border-radius="20" bindtap="progress" show-info active></progress>
                  </view>
                  <image src="{{imagesUrl}}assets/static/img/x_t.png" class="image_color" />
                </view>
                <view class="pri_box" wx:if="{{esl==4}}">
                  <view class="store_price">
                    <view class="pt_icon">¥</view>
                    <view class="pt_price">{{item.re_price}}</view>
                  </view>
                  <view class="store_guide_price">
                    <view class="think_price">指导价:{{item.think_price}}万元</view>
                    <view class="imgs_downArrow">
                      <image src="{{imagesUrl}}assets/static/img/downArrow.png" class="imgs_down" />
                      <text>{{item.down_price}}万</text>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </block>
        </view>
        <view class="foot_right_a">
          <block wx:for="{{products}}" wx:key="index" wx:for-index="index" wx:for-item="item">
            <view class='footbox' wx:if="{{index%2==1}}" bindtap="goDetail" data-id="{{item.goods_id}}">
              <image class='cover' src="{{item.img}}" mode="widthFix"></image>
              <view class="text_bx {{esl == 4?'new_padd':''}}">
                <view class="ster_nams  title_content2 ">{{item.goods_name}}</view>
                <view class="cen_tite" wx:if="{{esl!=4}}">
                  <view class="lis_title">{{item.shop_type}}</view>
                  <view class="stay">
                    <view class="numbe">{{item.sales_initial}}</view>
                    <view class="ber_name">位车友推荐</view>
                  </view>
                </view>
                <view class="price_bx" wx:if="{{esl!=4}}">
                  <view class="pt">
                    <view class="pt_icon">¥</view>
                    <view class="pt_price">{{item.price}}</view>
                  </view>
                  <view class="del">¥{{item.line_price}}</view>
                </view>
                <view class="cl_color" wx:if="{{esl==3}}">
                  <view class="cl_name">去抢购</view>
                  <view class="progess">
                    <progress percent="{{item.bai_num}}" style="color:#fff" backgroundColor="white" activeColor="#FF9D00" duration="30" border-radius="20" bindtap="progress" show-info active></progress>
                  </view>
                  <image src="{{imagesUrl}}assets/static/img/x_t.png" class="image_color" />
                </view>
                <view class="pri_box" wx:if="{{esl==4}}">
                  <view class="store_price">
                    <view class="pt_icon">¥</view>
                    <view class="pt_price">{{item.re_price}}</view>
                  </view>
                  <view class="store_guide_price">
                    <view class="think_price">指导价:{{item.think_price}}万元</view>
                    <view class="imgs_downArrow">
                      <image src="{{imagesUrl}}assets/static/img/downArrow.png" class="imgs_down" />
                      <text>{{item.down_price}}万</text>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </block>
        </view>
      </view>
      <view class="else">
        <view class="is" wx:if="{{it_cloose}}"></view>
      </view>
    </view>
  </view>
</view>