<!--pages/hotProduct/hotProduct.wxml-->
<van-notify id="van-notify" />
<followPopup show="{{showPopup}}" showCollect="{{false}}" changeFollow="{{changeFollow}}" bindonClose="closePopup" bindattention="attention" bindcancelFollow="cancelFollow"></followPopup>
<myDialog isShown="{{showDialog}}" title="爆款风险" showFoot="{{false}}" bindcancel="closeDialog">
  <view class="dialog_content">
    <view class="dialog_content_text">
     <span class="dialog_content_point">爆款产品</span>来源于美国亚马逊平台的Top50爆款产品，每周三更新产品清单。
    </view>
    <!-- <view class="dialog_content_text" style="margin-top:10px">
      而此页面的<span class="dialog_content_point">爆款风险</span>是指：在亚马逊各个店铺中热卖、销量高的商品，您想去卖，是否会出现相应的侵权风险等一系列问题。
    </view> -->
    
  </view>
</myDialog>
<view class="hotProduct">
  <view class="search">
    <myInput value="{{keyword}}" placeholder="请输入产品相关关键词" bindchange="changeKeyword" bindsearch="search" bindclickInnerIcon="clickInnerIcon"></myInput>
  </view>

  <view class="tishi">
    爆款产品 <span style="font-size: 14px;color: black;">（直接点击图片查看该产品专利风险）</span>
    <van-icon custom-class="vanIcon" name="info" bind:tap="showTishi"/>
  </view>

  <view class="menuList">
    <view class="menu_item green">
      <text class="iconfont myIconanquanbangzhu"></text>
      <text>白名单</text>
    </view>
    <view class="menu_item red">
      <text class="iconfont myIcongroup43"></text>
      <text>黑名单</text>
    </view>
    <view class="menu_item yellow ">
      <text class="iconfont myIconicon-test"></text>
      <text>灰名单</text>
    </view>
  </view>
  <my-scroll-view  triggered="{{triggered}}" load="{{load}}" hasMore="{{hasMore}}" bindonRefresh="onRefresh" bindloadMore="loadMore" customStyle="height: calc(100vh - 280rpx)">
    <myProduct wx:if="{{tableData.length>0}}"  tableData="{{tableData}}" id="myProduct" bindshowPopup="openPopup" bindhiddenPopup="closePopup"></myProduct>
    <van-empty wx:else description="暂无数据" />
  </my-scroll-view>
 
</view>