xiaoe_mp_npm 1.1.21 → 1.1.22-test02

package/src/MatchList/index.json

@@ -1,6 +1,6 @@
-{
-  "component": true,
-  "usingComponents": {
-    "goods-item": "../GoodsItem/index"
-  }
+{
+  "component": true,
+  "usingComponents": {
+    "goods-item": "../GoodsItem/index"
+  }
 }

package/src/MatchList/index.scss

@@ -1,176 +1,176 @@
-@import "..\\common/css/index.wxss";
-
-$deviceWidth: 750;
-@function vmin($rpx) {
-    @return #{$rpx * 100 / $deviceWidth}vmin;
-}
-
-@mixin match-list-container {
-height: 100%;
-width: 100%;
-background: #fff;
-position: absolute;
-top: 0;
-left: 0;
-
-.search-bar {
-    width: 100%;
-    height: vmin(112);
-    background: #fff;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0 vmin(32);
-    box-sizing: border-box;
-    z-index: 10;
-
-    .back-icon {
-        width: vmin(40);
-        height: vmin(40);
-        flex-shrink: 0;
-    }
-
-    .search-container {
-        flex: 1;
-        margin: 0 vmin(24);
-        position: relative;
-        .search-input {
-            height: vmin(68);
-            background: #f5f5f5;
-            border-radius: vmin(34);
-            padding: 0 vmin(24) 0 vmin(64);
-            font-size: vmin(28);
-            display: flex;
-            align-items: center;
-            box-sizing: border-box;
-        }
-
-        .search-icon {
-            position: absolute;
-            left: vmin(24);
-            top: 50%;
-            transform: translateY(-50%);
-            width: vmin(32);
-            height: vmin(32);
-        }
-    }
-
-    .search-btn {
-        font-size: vmin(28);
-        font-weight: 500;
-        color: #333;
-        white-space: nowrap;
-    }
-}
-
-.match-list {
-    height: 100%;
-    box-sizing: border-box;
-
-    .match-item {
-        display: flex;
-        align-items: center;
-        height: vmin(88);
-        padding: 0 vmin(28) 0 vmin(32);
-        background: #fff;
-
-        .match-item-img {
-            width: vmin(32);
-            height: vmin(32);
-            flex-shrink: 0;
-        }
-
-        .match-item-num {
-            width: vmin(80);
-            height: vmin(40);
-            background: #f5f5f5;
-            border-radius: vmin(32);
-            margin-left: vmin(32);
-            font-size: vmin(24);
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            flex-shrink: 0;
-        }
-
-        .match-item-title {
-            margin-left: vmin(16);
-            font-size: vmin(28);
-            color: #333;
-            flex: 1;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-        }
-    }
-}
-
-.goods-list {
-    height: 100%;
-    box-sizing: border-box;
-
-    .good-cell {
-        padding: vmin(16);
-        background: #fff;
-    }
-}
-
-    .load-more,
-    .no-more {
-    text-align: center;
-    padding: vmin(30) 0;
-    color: #999;
-    font-size: vmin(28);
-    }
-}
-
-.no-results {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    text-align: center;
-
-    .no-results-img {
-    width: vmin(176);
-    height: vmin(176);
-    }
-
-    .no-results-text {
-        margin-top: vmin(32);
-        color: #999999;
-        font-size: vmin(28);
-    }
-}
-  
-  // ====================== 默认 750 设备 ======================
-  .match-list-container {
-    @include match-list-container;
-  }
-  
-  // ====================== 竖屏 Pad ======================
-  @media screen and (min-width: 768px) and (orientation: portrait) {
-    $deviceWidth: 1536 !global;
-  
-    .match-list-container {
-      @include match-list-container;
-    }
-  }
-  
-  // ====================== PC / 横屏大屏 ======================
-  @media screen and (min-height: 630px) and (orientation: landscape) {
-    $deviceWidth: 1260 !global;
-  
-    .match-list-container {
-      @include match-list-container;
-    }
-  }
-  
-  // ====================== 横屏 Pad ======================
-  @media screen and (min-height: 768px) and (orientation: landscape) {
-    $deviceWidth: 1536 !global;
-  
-    .match-list-container {
-      @include match-list-container;
-    }
+@import "..\\common/css/index.wxss";
+
+$deviceWidth: 750;
+@function vmin($rpx) {
+    @return #{$rpx * 100 / $deviceWidth}vmin;
+}
+
+@mixin match-list-container {
+height: 100%;
+width: 100%;
+background: #fff;
+position: absolute;
+top: 0;
+left: 0;
+
+.search-bar {
+    width: 100%;
+    height: vmin(112);
+    background: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 vmin(32);
+    box-sizing: border-box;
+    z-index: 10;
+
+    .back-icon {
+        width: vmin(40);
+        height: vmin(40);
+        flex-shrink: 0;
+    }
+
+    .search-container {
+        flex: 1;
+        margin: 0 vmin(24);
+        position: relative;
+        .search-input {
+            height: vmin(68);
+            background: #f5f5f5;
+            border-radius: vmin(34);
+            padding: 0 vmin(24) 0 vmin(64);
+            font-size: vmin(28);
+            display: flex;
+            align-items: center;
+            box-sizing: border-box;
+        }
+
+        .search-icon {
+            position: absolute;
+            left: vmin(24);
+            top: 50%;
+            transform: translateY(-50%);
+            width: vmin(32);
+            height: vmin(32);
+        }
+    }
+
+    .search-btn {
+        font-size: vmin(28);
+        font-weight: 500;
+        color: #333;
+        white-space: nowrap;
+    }
+}
+
+.match-list {
+    height: 100%;
+    box-sizing: border-box;
+
+    .match-item {
+        display: flex;
+        align-items: center;
+        height: vmin(88);
+        padding: 0 vmin(28) 0 vmin(32);
+        background: #fff;
+
+        .match-item-img {
+            width: vmin(32);
+            height: vmin(32);
+            flex-shrink: 0;
+        }
+
+        .match-item-num {
+            width: vmin(80);
+            height: vmin(40);
+            background: #f5f5f5;
+            border-radius: vmin(32);
+            margin-left: vmin(32);
+            font-size: vmin(24);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-shrink: 0;
+        }
+
+        .match-item-title {
+            margin-left: vmin(16);
+            font-size: vmin(28);
+            color: #333;
+            flex: 1;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+    }
+}
+
+.goods-list {
+    height: 100%;
+    box-sizing: border-box;
+
+    .good-cell {
+        padding: vmin(16);
+        background: #fff;
+    }
+}
+
+    .load-more,
+    .no-more {
+    text-align: center;
+    padding: vmin(30) 0;
+    color: #999;
+    font-size: vmin(28);
+    }
+}
+
+.no-results {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    text-align: center;
+
+    .no-results-img {
+    width: vmin(176);
+    height: vmin(176);
+    }
+
+    .no-results-text {
+        margin-top: vmin(32);
+        color: #999999;
+        font-size: vmin(28);
+    }
+}
+  
+  // ====================== 默认 750 设备 ======================
+  .match-list-container {
+    @include match-list-container;
+  }
+  
+  // ====================== 竖屏 Pad ======================
+  @media screen and (min-width: 768px) and (orientation: portrait) {
+    $deviceWidth: 1536 !global;
+  
+    .match-list-container {
+      @include match-list-container;
+    }
+  }
+  
+  // ====================== PC / 横屏大屏 ======================
+  @media screen and (min-height: 630px) and (orientation: landscape) {
+    $deviceWidth: 1260 !global;
+  
+    .match-list-container {
+      @include match-list-container;
+    }
+  }
+  
+  // ====================== 横屏 Pad ======================
+  @media screen and (min-height: 768px) and (orientation: landscape) {
+    $deviceWidth: 1536 !global;
+  
+    .match-list-container {
+      @include match-list-container;
+    }
   }

package/src/MatchList/index.wxml

@@ -1,97 +1,98 @@
-<view class="match-list-container">
-  <!-- 搜索栏（固定顶部） -->
-  <view class="search-bar">
-    <image
-      class="back-icon"
-      src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/mfevtih10mw1.svg"
-      bindtap="back"
-    />
-    <view class="search-container" bindtap="focusSearch">
-      <input
-        class="search-input"
-        type="text"
-        placeholder="搜商品关键词/序号"
-        placeholder-class="placeholder"
-        value="{{searchValue}}"
-        focus="{{searchFocus}}"
-        bindinput="onSearchInput"
-        bindconfirm="searchGoods"
-      />
-      <image class="search-icon" src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/mfevtih007oj.svg" />
-    </view>
-    <text class="search-btn" bindtap="searchGoods">搜索</text>
-  </view>
-  <!-- 搜索匹配列表 -->
-  <block wx:if="{{searchState && filteredGoodsList.length > 0}}">
-    <view class="match-list">
-      <view class="match-item" bindtap="searchOne" data-item="{{item}}" wx:for="{{filteredGoodsList}}" wx:key="id">
-        <image
-          class="match-item-img"
-          src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/mfevtih007oj.svg"
-        />
-        <view class="match-item-num" wx:if="{{item.order_weight}}">
-          <block wx:for="{{item.weightParts}}" wx:key="index">
-            <text style="{{item.highlight ? 'color:#FF5429;' : ''}}">{{item.text}}</text>
-          </block>
-        </view>
-        <view class="match-item-title">
-          <block wx:for="{{item.titleParts}}" wx:key="index">
-            <text style="{{item.highlight ? 'color:#FF5429;' : ''}}">{{item.text}}</text>
-          </block>
-        </view>
-      </view>
-    </view>
-  </block>
-  <!-- 空状态 -->
-  <view class="no-results" wx:if="{{noResults}}">
-    <image class="no-results-img" src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/mf11644h012k.png" />
-    <view class="no-results-text">直播间未找到</view>
-  </view>
-  <!-- 商品列表 -->
-  <view class="goods-list" wx:if="{{goodsInfo.length > 0 && !searchState}}">
-    <scroll-view
-      scroll-y
-      enhanced
-      refresher-enabled
-      refresher-triggered="{{refreshing}}"
-      bindrefresherrefresh="onRefresh"
-      bindscrolltolower="onLoadMore"
-      style="height: 100%"
-    >
-      <goods-item
-        id="goodsItem"
-        wx:for="{{goodsInfo}}"
-        wx:for-item="goodsItem"
-        wx:key="index"
-        wx:for-index="index"
-        class="goods-item"
-        index="{{index}}"
-        current_role="{{current_role}}"
-        goodsInfo="{{goodsItem}}"
-        aliveInfo="{{aliveInfo}}"
-        aliveSubId="{{aliveSubId}}"
-        allContactPay="{{allContactPay}}"
-        coupon_switch="{{coupon_switch}}"
-        envName="{{envName}}"
-        sensorReportParams="{{sensorReportParams}}"
-        isGrayMarketing="{{ isGrayMarketing}}"
-        stockSwitch="{{ stockSwitch }}"
-        sendingGoodId="{{sendingGoodId}}"
-        hotSalesConf="{{ hotSalesConf }}"
-        isShowItem="{{ isShowItem }}"
-        shopFreightSwitch="{{ shopFreightSwitch }}"
-        isManage="{{isManage}}"
-        isFullScreen="{{isFullScreen}}"
-        visibleSwitchStatusBtn="{{visibleSwitchStatusBtn}}"
-        bind:showDialog="showDialog"
-        bind:sendNewMsg="sendNewMsg"
-        bind:showConfirmOrder="showConfirmOrder"
-        bind:showSku="showSku"
-        bind:sendGoodsCard="sendGoodsCard"
-      ></goods-item>
-      <!-- 加载状态 -->
-      <view class="load-more" wx:if="{{!finished && loading}}">努力加载中</view>
-      <view class="no-more" wx:if="{{finished}}">没有更多了</view>
-    </scroll-view>
-  </view>
-</view>
+<view class="match-list-container">
+  <!-- 搜索栏（固定顶部） -->
+  <view class="search-bar">
+    <image
+      class="back-icon"
+      src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/mfevtih10mw1.svg"
+      bindtap="back"
+    />
+    <view class="search-container" bindtap="focusSearch">
+      <input
+        class="search-input"
+        type="text"
+        placeholder="搜商品关键词/序号"
+        placeholder-class="placeholder"
+        value="{{searchValue}}"
+        focus="{{searchFocus}}"
+        bindinput="onSearchInput"
+        bindconfirm="searchGoods"
+      />
+      <image class="search-icon" src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/mfevtih007oj.svg" />
+    </view>
+    <text class="search-btn" bindtap="searchGoods">搜索</text>
+  </view>
+  <!-- 搜索匹配列表 -->
+  <block wx:if="{{searchState && filteredGoodsList.length > 0}}">
+    <view class="match-list">
+      <view class="match-item" bindtap="searchOne" data-item="{{item}}" wx:for="{{filteredGoodsList}}" wx:key="id">
+        <image
+          class="match-item-img"
+          src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/mfevtih007oj.svg"
+        />
+        <view class="match-item-num" wx:if="{{item.order_weight}}">
+          <block wx:for="{{item.weightParts}}" wx:key="index">
+            <text style="{{item.highlight ? 'color:#FF5429;' : ''}}">{{item.text}}</text>
+          </block>
+        </view>
+        <view class="match-item-title">
+          <block wx:for="{{item.titleParts}}" wx:key="index">
+            <text style="{{item.highlight ? 'color:#FF5429;' : ''}}">{{item.text}}</text>
+          </block>
+        </view>
+      </view>
+    </view>
+  </block>
+  <!-- 空状态 -->
+  <view class="no-results" wx:if="{{noResults}}">
+    <image class="no-results-img" src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/mf11644h012k.png" />
+    <view class="no-results-text">直播间未找到</view>
+  </view>
+  <!-- 商品列表 -->
+  <view class="goods-list" wx:if="{{goodsInfo.length > 0 && !searchState}}">
+    <scroll-view
+      scroll-y
+      enhanced
+      refresher-enabled
+      refresher-triggered="{{refreshing}}"
+      bindrefresherrefresh="onRefresh"
+      bindscrolltolower="onLoadMore"
+      style="height: 100%"
+    >
+      <goods-item
+        id="goodsItem"
+        wx:for="{{goodsInfo}}"
+        wx:for-item="goodsItem"
+        wx:key="index"
+        wx:for-index="index"
+        class="goods-item"
+        index="{{index}}"
+        current_role="{{current_role}}"
+        userInfo="{{userInfo}}"
+        goodsInfo="{{goodsItem}}"
+        aliveInfo="{{aliveInfo}}"
+        aliveSubId="{{aliveSubId}}"
+        allContactPay="{{allContactPay}}"
+        coupon_switch="{{coupon_switch}}"
+        envName="{{envName}}"
+        sensorReportParams="{{sensorReportParams}}"
+        isGrayMarketing="{{ isGrayMarketing}}"
+        stockSwitch="{{ stockSwitch }}"
+        sendingGoodId="{{sendingGoodId}}"
+        hotSalesConf="{{ hotSalesConf }}"
+        isShowItem="{{ isShowItem }}"
+        shopFreightSwitch="{{ shopFreightSwitch }}"
+        isManage="{{isManage}}"
+        isFullScreen="{{isFullScreen}}"
+        visibleSwitchStatusBtn="{{visibleSwitchStatusBtn}}"
+        bind:showDialog="showDialog"
+        bind:sendNewMsg="sendNewMsg"
+        bind:showConfirmOrder="showConfirmOrder"
+        bind:showSku="showSku"
+        bind:sendGoodsCard="sendGoodsCard"
+      ></goods-item>
+      <!-- 加载状态 -->
+      <view class="load-more" wx:if="{{!finished && loading}}">努力加载中</view>
+      <view class="no-more" wx:if="{{finished}}">没有更多了</view>
+    </scroll-view>
+  </view>
+</view>

package/src/MatchList/index.wxss

@@ -1 +1 @@
-.no-results{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}.no-results .no-results-img{width:23.46667vmin;height:23.46667vmin}.no-results .no-results-text{margin-top:4.26667vmin;color:#999999;font-size:3.73333vmin}.match-list-container{height:100%;width:100%;background:#fff;position:absolute;top:0;left:0}.match-list-container .search-bar{width:100%;height:14.93333vmin;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4.26667vmin;box-sizing:border-box;z-index:10}.match-list-container .search-bar .back-icon{width:5.33333vmin;height:5.33333vmin;flex-shrink:0}.match-list-container .search-bar .search-container{flex:1;margin:0 3.2vmin;position:relative}.match-list-container .search-bar .search-container .search-input{height:9.06667vmin;background:#f5f5f5;border-radius:4.53333vmin;padding:0 3.2vmin 0 8.53333vmin;font-size:3.73333vmin;display:flex;align-items:center;box-sizing:border-box}.match-list-container .search-bar .search-container .search-icon{position:absolute;left:3.2vmin;top:50%;transform:translateY(-50%);width:4.26667vmin;height:4.26667vmin}.match-list-container .search-bar .search-btn{font-size:3.73333vmin;font-weight:500;color:#333;white-space:nowrap}.match-list-container .match-list{height:100%;box-sizing:border-box}.match-list-container .match-list .match-item{display:flex;align-items:center;height:11.73333vmin;padding:0 3.73333vmin 0 4.26667vmin;background:#fff}.match-list-container .match-list .match-item .match-item-img{width:4.26667vmin;height:4.26667vmin;flex-shrink:0}.match-list-container .match-list .match-item .match-item-num{width:10.66667vmin;height:5.33333vmin;background:#f5f5f5;border-radius:4.26667vmin;margin-left:4.26667vmin;font-size:3.2vmin;display:flex;align-items:center;justify-content:center;flex-shrink:0}.match-list-container .match-list .match-item .match-item-title{margin-left:2.13333vmin;font-size:3.73333vmin;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-list-container .goods-list{height:100%;box-sizing:border-box}.match-list-container .goods-list .good-cell{padding:2.13333vmin;background:#fff}.match-list-container .load-more,.match-list-container .no-more{text-align:center;padding:4vmin 0;color:#999;font-size:3.73333vmin}@media screen and (min-width: 768px) and (orientation: portrait){.match-list-container{height:100%;width:100%;background:#fff;position:absolute;top:0;left:0}.match-list-container .search-bar{width:100%;height:7.29167vmin;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 2.08333vmin;box-sizing:border-box;z-index:10}.match-list-container .search-bar .back-icon{width:2.60417vmin;height:2.60417vmin;flex-shrink:0}.match-list-container .search-bar .search-container{flex:1;margin:0 1.5625vmin;position:relative}.match-list-container .search-bar .search-container .search-input{height:4.42708vmin;background:#f5f5f5;border-radius:2.21354vmin;padding:0 1.5625vmin 0 4.16667vmin;font-size:1.82292vmin;display:flex;align-items:center;box-sizing:border-box}.match-list-container .search-bar .search-container .search-icon{position:absolute;left:1.5625vmin;top:50%;transform:translateY(-50%);width:2.08333vmin;height:2.08333vmin}.match-list-container .search-bar .search-btn{font-size:1.82292vmin;font-weight:500;color:#333;white-space:nowrap}.match-list-container .match-list{height:100%;box-sizing:border-box}.match-list-container .match-list .match-item{display:flex;align-items:center;height:5.72917vmin;padding:0 1.82292vmin 0 2.08333vmin;background:#fff}.match-list-container .match-list .match-item .match-item-img{width:2.08333vmin;height:2.08333vmin;flex-shrink:0}.match-list-container .match-list .match-item .match-item-num{width:5.20833vmin;height:2.60417vmin;background:#f5f5f5;border-radius:2.08333vmin;margin-left:2.08333vmin;font-size:1.5625vmin;display:flex;align-items:center;justify-content:center;flex-shrink:0}.match-list-container .match-list .match-item .match-item-title{margin-left:1.04167vmin;font-size:1.82292vmin;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-list-container .goods-list{height:100%;box-sizing:border-box}.match-list-container .goods-list .good-cell{padding:1.04167vmin;background:#fff}.match-list-container .load-more,.match-list-container .no-more{text-align:center;padding:1.95312vmin 0;color:#999;font-size:1.82292vmin}}@media screen and (min-height: 630px) and (orientation: landscape){.match-list-container{height:100%;width:100%;background:#fff;position:absolute;top:0;left:0}.match-list-container .search-bar{width:100%;height:8.88889vmin;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 2.53968vmin;box-sizing:border-box;z-index:10}.match-list-container .search-bar .back-icon{width:3.1746vmin;height:3.1746vmin;flex-shrink:0}.match-list-container .search-bar .search-container{flex:1;margin:0 1.90476vmin;position:relative}.match-list-container .search-bar .search-container .search-input{height:5.39683vmin;background:#f5f5f5;border-radius:2.69841vmin;padding:0 1.90476vmin 0 5.07937vmin;font-size:2.22222vmin;display:flex;align-items:center;box-sizing:border-box}.match-list-container .search-bar .search-container .search-icon{position:absolute;left:1.90476vmin;top:50%;transform:translateY(-50%);width:2.53968vmin;height:2.53968vmin}.match-list-container .search-bar .search-btn{font-size:2.22222vmin;font-weight:500;color:#333;white-space:nowrap}.match-list-container .match-list{height:100%;box-sizing:border-box}.match-list-container .match-list .match-item{display:flex;align-items:center;height:6.98413vmin;padding:0 2.22222vmin 0 2.53968vmin;background:#fff}.match-list-container .match-list .match-item .match-item-img{width:2.53968vmin;height:2.53968vmin;flex-shrink:0}.match-list-container .match-list .match-item .match-item-num{width:6.34921vmin;height:3.1746vmin;background:#f5f5f5;border-radius:2.53968vmin;margin-left:2.53968vmin;font-size:1.90476vmin;display:flex;align-items:center;justify-content:center;flex-shrink:0}.match-list-container .match-list .match-item .match-item-title{margin-left:1.26984vmin;font-size:2.22222vmin;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-list-container .goods-list{height:100%;box-sizing:border-box}.match-list-container .goods-list .good-cell{padding:1.26984vmin;background:#fff}.match-list-container .load-more,.match-list-container .no-more{text-align:center;padding:2.38095vmin 0;color:#999;font-size:2.22222vmin}}@media screen and (min-height: 768px) and (orientation: landscape){.match-list-container{height:100%;width:100%;background:#fff;position:absolute;top:0;left:0}.match-list-container .search-bar{width:100%;height:7.29167vmin;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 2.08333vmin;box-sizing:border-box;z-index:10}.match-list-container .search-bar .back-icon{width:2.60417vmin;height:2.60417vmin;flex-shrink:0}.match-list-container .search-bar .search-container{flex:1;margin:0 1.5625vmin;position:relative}.match-list-container .search-bar .search-container .search-input{height:4.42708vmin;background:#f5f5f5;border-radius:2.21354vmin;padding:0 1.5625vmin 0 4.16667vmin;font-size:1.82292vmin;display:flex;align-items:center;box-sizing:border-box}.match-list-container .search-bar .search-container .search-icon{position:absolute;left:1.5625vmin;top:50%;transform:translateY(-50%);width:2.08333vmin;height:2.08333vmin}.match-list-container .search-bar .search-btn{font-size:1.82292vmin;font-weight:500;color:#333;white-space:nowrap}.match-list-container .match-list{height:100%;box-sizing:border-box}.match-list-container .match-list .match-item{display:flex;align-items:center;height:5.72917vmin;padding:0 1.82292vmin 0 2.08333vmin;background:#fff}.match-list-container .match-list .match-item .match-item-img{width:2.08333vmin;height:2.08333vmin;flex-shrink:0}.match-list-container .match-list .match-item .match-item-num{width:5.20833vmin;height:2.60417vmin;background:#f5f5f5;border-radius:2.08333vmin;margin-left:2.08333vmin;font-size:1.5625vmin;display:flex;align-items:center;justify-content:center;flex-shrink:0}.match-list-container .match-list .match-item .match-item-title{margin-left:1.04167vmin;font-size:1.82292vmin;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-list-container .goods-list{height:100%;box-sizing:border-box}.match-list-container .goods-list .good-cell{padding:1.04167vmin;background:#fff}.match-list-container .load-more,.match-list-container .no-more{text-align:center;padding:1.95312vmin 0;color:#999;font-size:1.82292vmin}}
+.no-results{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}.no-results .no-results-img{width:23.46667vmin;height:23.46667vmin}.no-results .no-results-text{margin-top:4.26667vmin;color:#999999;font-size:3.73333vmin}.match-list-container{height:100%;width:100%;background:#fff;position:absolute;top:0;left:0}.match-list-container .search-bar{width:100%;height:14.93333vmin;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4.26667vmin;box-sizing:border-box;z-index:10}.match-list-container .search-bar .back-icon{width:5.33333vmin;height:5.33333vmin;flex-shrink:0}.match-list-container .search-bar .search-container{flex:1;margin:0 3.2vmin;position:relative}.match-list-container .search-bar .search-container .search-input{height:9.06667vmin;background:#f5f5f5;border-radius:4.53333vmin;padding:0 3.2vmin 0 8.53333vmin;font-size:3.73333vmin;display:flex;align-items:center;box-sizing:border-box}.match-list-container .search-bar .search-container .search-icon{position:absolute;left:3.2vmin;top:50%;transform:translateY(-50%);width:4.26667vmin;height:4.26667vmin}.match-list-container .search-bar .search-btn{font-size:3.73333vmin;font-weight:500;color:#333;white-space:nowrap}.match-list-container .match-list{height:100%;box-sizing:border-box}.match-list-container .match-list .match-item{display:flex;align-items:center;height:11.73333vmin;padding:0 3.73333vmin 0 4.26667vmin;background:#fff}.match-list-container .match-list .match-item .match-item-img{width:4.26667vmin;height:4.26667vmin;flex-shrink:0}.match-list-container .match-list .match-item .match-item-num{width:10.66667vmin;height:5.33333vmin;background:#f5f5f5;border-radius:4.26667vmin;margin-left:4.26667vmin;font-size:3.2vmin;display:flex;align-items:center;justify-content:center;flex-shrink:0}.match-list-container .match-list .match-item .match-item-title{margin-left:2.13333vmin;font-size:3.73333vmin;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-list-container .goods-list{height:100%;box-sizing:border-box}.match-list-container .goods-list .good-cell{padding:2.13333vmin;background:#fff}.match-list-container .load-more,.match-list-container .no-more{text-align:center;padding:4vmin 0;color:#999;font-size:3.73333vmin}@media screen and (min-width: 768px) and (orientation: portrait){.match-list-container{height:100%;width:100%;background:#fff;position:absolute;top:0;left:0}.match-list-container .search-bar{width:100%;height:7.29167vmin;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 2.08333vmin;box-sizing:border-box;z-index:10}.match-list-container .search-bar .back-icon{width:2.60417vmin;height:2.60417vmin;flex-shrink:0}.match-list-container .search-bar .search-container{flex:1;margin:0 1.5625vmin;position:relative}.match-list-container .search-bar .search-container .search-input{height:4.42708vmin;background:#f5f5f5;border-radius:2.21354vmin;padding:0 1.5625vmin 0 4.16667vmin;font-size:1.82292vmin;display:flex;align-items:center;box-sizing:border-box}.match-list-container .search-bar .search-container .search-icon{position:absolute;left:1.5625vmin;top:50%;transform:translateY(-50%);width:2.08333vmin;height:2.08333vmin}.match-list-container .search-bar .search-btn{font-size:1.82292vmin;font-weight:500;color:#333;white-space:nowrap}.match-list-container .match-list{height:100%;box-sizing:border-box}.match-list-container .match-list .match-item{display:flex;align-items:center;height:5.72917vmin;padding:0 1.82292vmin 0 2.08333vmin;background:#fff}.match-list-container .match-list .match-item .match-item-img{width:2.08333vmin;height:2.08333vmin;flex-shrink:0}.match-list-container .match-list .match-item .match-item-num{width:5.20833vmin;height:2.60417vmin;background:#f5f5f5;border-radius:2.08333vmin;margin-left:2.08333vmin;font-size:1.5625vmin;display:flex;align-items:center;justify-content:center;flex-shrink:0}.match-list-container .match-list .match-item .match-item-title{margin-left:1.04167vmin;font-size:1.82292vmin;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-list-container .goods-list{height:100%;box-sizing:border-box}.match-list-container .goods-list .good-cell{padding:1.04167vmin;background:#fff}.match-list-container .load-more,.match-list-container .no-more{text-align:center;padding:1.95312vmin 0;color:#999;font-size:1.82292vmin}}@media screen and (min-height: 630px) and (orientation: landscape){.match-list-container{height:100%;width:100%;background:#fff;position:absolute;top:0;left:0}.match-list-container .search-bar{width:100%;height:8.88889vmin;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 2.53968vmin;box-sizing:border-box;z-index:10}.match-list-container .search-bar .back-icon{width:3.1746vmin;height:3.1746vmin;flex-shrink:0}.match-list-container .search-bar .search-container{flex:1;margin:0 1.90476vmin;position:relative}.match-list-container .search-bar .search-container .search-input{height:5.39683vmin;background:#f5f5f5;border-radius:2.69841vmin;padding:0 1.90476vmin 0 5.07937vmin;font-size:2.22222vmin;display:flex;align-items:center;box-sizing:border-box}.match-list-container .search-bar .search-container .search-icon{position:absolute;left:1.90476vmin;top:50%;transform:translateY(-50%);width:2.53968vmin;height:2.53968vmin}.match-list-container .search-bar .search-btn{font-size:2.22222vmin;font-weight:500;color:#333;white-space:nowrap}.match-list-container .match-list{height:100%;box-sizing:border-box}.match-list-container .match-list .match-item{display:flex;align-items:center;height:6.98413vmin;padding:0 2.22222vmin 0 2.53968vmin;background:#fff}.match-list-container .match-list .match-item .match-item-img{width:2.53968vmin;height:2.53968vmin;flex-shrink:0}.match-list-container .match-list .match-item .match-item-num{width:6.34921vmin;height:3.1746vmin;background:#f5f5f5;border-radius:2.53968vmin;margin-left:2.53968vmin;font-size:1.90476vmin;display:flex;align-items:center;justify-content:center;flex-shrink:0}.match-list-container .match-list .match-item .match-item-title{margin-left:1.26984vmin;font-size:2.22222vmin;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-list-container .goods-list{height:100%;box-sizing:border-box}.match-list-container .goods-list .good-cell{padding:1.26984vmin;background:#fff}.match-list-container .load-more,.match-list-container .no-more{text-align:center;padding:2.38095vmin 0;color:#999;font-size:2.22222vmin}}@media screen and (min-height: 768px) and (orientation: landscape){.match-list-container{height:100%;width:100%;background:#fff;position:absolute;top:0;left:0}.match-list-container .search-bar{width:100%;height:7.29167vmin;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 2.08333vmin;box-sizing:border-box;z-index:10}.match-list-container .search-bar .back-icon{width:2.60417vmin;height:2.60417vmin;flex-shrink:0}.match-list-container .search-bar .search-container{flex:1;margin:0 1.5625vmin;position:relative}.match-list-container .search-bar .search-container .search-input{height:4.42708vmin;background:#f5f5f5;border-radius:2.21354vmin;padding:0 1.5625vmin 0 4.16667vmin;font-size:1.82292vmin;display:flex;align-items:center;box-sizing:border-box}.match-list-container .search-bar .search-container .search-icon{position:absolute;left:1.5625vmin;top:50%;transform:translateY(-50%);width:2.08333vmin;height:2.08333vmin}.match-list-container .search-bar .search-btn{font-size:1.82292vmin;font-weight:500;color:#333;white-space:nowrap}.match-list-container .match-list{height:100%;box-sizing:border-box}.match-list-container .match-list .match-item{display:flex;align-items:center;height:5.72917vmin;padding:0 1.82292vmin 0 2.08333vmin;background:#fff}.match-list-container .match-list .match-item .match-item-img{width:2.08333vmin;height:2.08333vmin;flex-shrink:0}.match-list-container .match-list .match-item .match-item-num{width:5.20833vmin;height:2.60417vmin;background:#f5f5f5;border-radius:2.08333vmin;margin-left:2.08333vmin;font-size:1.5625vmin;display:flex;align-items:center;justify-content:center;flex-shrink:0}.match-list-container .match-list .match-item .match-item-title{margin-left:1.04167vmin;font-size:1.82292vmin;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-list-container .goods-list{height:100%;box-sizing:border-box}.match-list-container .goods-list .good-cell{padding:1.04167vmin;background:#fff}.match-list-container .load-more,.match-list-container .no-more{text-align:center;padding:1.95312vmin 0;color:#999;font-size:1.82292vmin}}