search.wxml 9.41 KB
<wxs module="g_filter" src="g_filter.wxs"></wxs>
<view class="container">
  <view class="nav">
    <navigator bindtap="changeTab" class="nav-item" data-href="sort" data-ad="{{adname}}">综合
      <view class="ico-dg" wx:if="{{tabname=='sort'}}">
        <image class="wh100" src="{{url}}/miniapp/images/dg.png" wx:if="{{adname=='desc'}}"></image>
        <image class="wh100" src="{{url}}/miniapp/images/up_s.png" wx:if="{{adname=='asc'}}"></image>
      </view>
    </navigator>
    <navigator bindtap="changeTab" class="nav-item" data-href="sales_sum" data-ad="{{adname}}">销量
      <view class="ico-dg" wx:if="{{tabname=='sales_sum'}}">
        <image class="wh100" src="{{url}}/miniapp/images/dg.png" wx:if="{{adname=='desc'}}"></image>
        <image class="wh100" src="{{url}}/miniapp/images/up_s.png" wx:if="{{adname=='asc'}}"></image>
      </view>
    </navigator>
    <navigator bindtap="changeTab" class="nav-item" data-href="final_price" data-ad="{{adname}}">价格
      <view class="ico-dg" wx:if="{{tabname=='final_price'}}">
        <image class="wh100" src="{{url}}/miniapp/images/dg.png" wx:if="{{adname=='desc'}}"></image>
        <image class="wh100" src="{{url}}/miniapp/images/up_s.png" wx:if="{{adname=='asc'}}"></image>
      </view>
    </navigator>
    <!-- <navigator bindtap="openFilterModal" class="nav-item">筛选<view class="ico-filter">
                <image class="wh100" src="{{url}}/miniapp/images/xx.png"></image>
            </view>
        </navigator> -->
    <navigator bindtap="openSearchModal" class="nav-item nav-search">
      <image class="wh100 search-img" src="{{url}}/miniapp/images/search.png"></image>
    </navigator>
  </view>
  <view class="choice_list">
    <navigator class="choice_item flex ai-center" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" wx:for="{{requestData}}" wx:key="{{index}}">
      <view class="img-wrap">
        <image src="{{item.original_img}}" lazy-load="true" binderror="bind_bnerr" data-errorimg="requestData[{{index}}].original_img"></image>
      </view>
      <view class="item-cont">
        <view class="title ellipsis-2">{{item.goods_name}}</view>
        <!-- 判断是否有活动价,小程序没有有团购和拼单 -->
        <block wx:if="{{(item.prom_price>0 || item.prom_integral) && item.prom_type!=2}}">
          <!-- 活动价 -->
          <view class="price">
			  <text wx:if="{{item.prom_integral}}">{{item.prom_integral}}积分</text>
			  <text wx:if="{{item.prom_integral && item.prom_price}}">+</text>
			  <text wx:if="{{item.prom_price}}">¥{{item.prom_price}}</text>
		  </view>
          <view class="comment flex jc_sb">
            <view class="word-line xc-ash">¥{{item.market_price}}</view>
            <view>评论{{item.comment_count}} 已售{{item.sales_sum}}</view>
          </view>
        </block>
        <block wx:else>
          <!-- 商品价格,先判断下是后又等级价-->
          <block wx:if="{{g_filter.is_has_rank(rank_switch,item)}}">
            <!-- 当会员是等级卡的时候 -->
            <block wx:if="{{card_field}}">
              <!-- 等级价>0 -->
              <block wx:if="{{item[card_field]>0}}">
                <view class="flex ai_center">
                  <view class="price">¥{{item[card_field]}}</view>
                  <view class="card_bg flex ai-center">
											<image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>
											<!-- <view class="card_name ellipsis-1">{{card_name}}</view> -->
											<text class="ellipsis-1">{{card_name}}</text>
                  </view>
                </view>
                <view class="comment flex jc_sb">
                  <view class="word-line xc-ash">¥{{item.market_price}}</view>
                  <view>评论{{item.comment_count}} 已售{{item.sales_sum}}</view>
                </view>
              </block>
              <block wx:else>
                <view class="price">¥{{item.shop_price}}</view>
                <view class="comment flex jc_sb">
                  <view class="word-line xc-ash">¥{{item.market_price}}</view>
                  <view>评论{{item.comment_count}} 已售{{item.sales_sum}}</view>
                </view>
              </block>
            </block>
            <block wx:else>
              <block wx:if="{{g_filter.get_card_price(item,card_list,0)}}">
                <view class="flex ai-center">
                  <view class="price">¥{{item.shop_price}}</view>
                  <view class="word-line xc-ash mk_price">¥{{item.market_price}}</view>
                </view>
                <view class="comment flex jc_sb">
                  <view class="flex ai_center">
                    <view class="">¥{{g_filter.get_card_price(item,card_list,0)}}</view>
                    <view class="card_bg flex">
											<view class="flex ai-center">
												<image src="{{url}}/miniapp/images/plus/dj_icon.png" class=""></image>
												<text class="ellipsis-1">{{g_filter.get_card_price(item,card_list,1)}}</text>
											</view>
                    </view>
                  </view>
                  <view>评论{{item.comment_count}} 已售{{item.sales_sum}}</view>
                </view>
              </block>
              <block wx:else>
                <view class="price">¥{{item.shop_price}}</view>
                <view class="comment flex jc_sb">
                  <view class="word-line xc-ash">¥{{item.market_price}}</view>
                  <view>评论{{item.comment_count}} 已售{{item.sales_sum}}</view>
                </view>
              </block>
            </block>
          </block>
          <block wx:else>
            <view class="price">¥{{item.shop_price}}</view>
            <view class="comment flex jc_sb">
              <view class="word-line xc-ash">¥{{item.market_price}}</view>
              <view>评论{{item.comment_count}} 已售{{item.sales_sum}}</view>
            </view>
          </block>
        </block>
      </view>
    </navigator>

    <!-- 有商品列表的时候,要有分享攻击 -->
    <share_box id="share"></share_box>
  </view>
  <view class="no-data" wx:if="{{!requestData||requestData.length==0}}">
    <image class="cart-image" src="{{url}}/miniapp/images/cart-null.png"></image>
    <view class="no-data-title">没有相关的数据</view>
    <navigator class="lookat"  url="/pages/index/index/index"> 去逛逛 </navigator>
  </view>
</view>
<view hidden="{{!openFilterModal}}">
  <view bindtap="closeFilterModal" class="cover-layer"></view>
  <view class="filter-modal">
    <icon bindtap="closeFilterModal" class="modal-close" color="gray" size="22" type="cancel"></icon>
    <button bindtap="restoreData" class="viewall-btn">显示全部分类</button>
    <view class="filter-box" wx:for="{{requestData.filter_spec}}" wx:key="{{index}}">
      <view class="filter-name">{{item.name}}</view>
      <view class="filter-items">
        <view bindtap="filterGoods" class="filter-item" data-href="{{item.href}}" wx:for="{{item.item}}" wx:key="{{index}}">
          {{item.name}}</view>
      </view>
    </view>
    <view class="filter-box" wx:for="{{requestData.filter_attr}}" wx:key="{{index}}">
      <view class="filter-name">{{item.name}}</view>
      <view class="filter-items">
        <view bindtap="filterGoods" class="filter-item" data-href="{{item.href}}" wx:for="{{item.item}}" wx:key="{{index}}">
          {{item.name}}</view>
      </view>
    </view>
    <view class="filter-box" wx:if="{{requestData.filter_brand.length>0}}">
      <view class="filter-name">相关品牌</view>
      <view class="filter-items">
        <view bindtap="filterGoods" class="filter-item" data-href="{{item.href}}" wx:for="{{requestData.filter_brand}}" wx:key="{{index}}">
          {{item.name}}</view>
      </view>
    </view>
    <view class="filter-box" wx:if="{{requestData.filter_price.length>0}}">
      <view class="filter-name">价格区间</view>
      <view class="filter-items">
        <view bindtap="filterGoods" class="filter-item" data-href="{{item.href}}" wx:for="{{requestData.filter_price}}" wx:key="{{index}}">
          {{item.name}}</view>
      </view>
    </view>
  </view>
</view>
<view wx:if="{{openSearchModal}}">
  <view class="search-modal">
    <view class="search-bar">
      <form bindsubmit="submitSearch">
        <input autoFocus class="search-input" name="word" placeholder="搜索商品" bindinput="getInput"></input>
        <button class="search-btn" formType="submit">
          <image class="wh100 search-img" src="{{url}}/miniapp/images/sea.png"></image>
        </button>
      </form>
    </view>
    <view class="search-hot">
      <view class="hot-title">热门搜索</view>
      <block wx:if="{{hotWords.length>0}}">
        <view class="hot-row" wx:for="{{hotWords}}" wx:key="{{index}}">
          <view bindtap="searchHotWord" class="hot-item" data-word="{{item}}" wx:for="{{item}}" wx:key="{{index}}">{{item}}</view>
        </view>
      </block>
    </view>
		<view class="search-hot">
		  <view class="hot-title flex jc_sb ai_c">
				<text>历史搜索</text>
				<text class="iconfont icon-shanchu xc-ash" bindtap="clearSearchRecord" wx:if="{{searchRecord.length != 0}}"></text>
			</view>
		  <block wx:if="{{searchRecord.length>0}}">
		    <view class="hot-row flex flex-wrap" wx:key="{{index}}">
		      <view class="hot-item history ellipsis-1" bindtap="searchHotWord" data-word="{{item}}" wx:for="{{searchRecord}}" wx:key="{{index}}">{{item}}</view>
		    </view>
		  </block>
			<view wx:else class="fs24">暂无历史搜索记录</view>
		</view>
  </view>
</view>