xiaoe_mp_npm 1.0.21 → 1.0.22-test02

package/src/LiveGoodsList/index.scss

@@ -1,93 +1,93 @@
-$deviceWidth: 750;
-@function vmin($rpx) {
-  @return #{$rpx * 100 / $deviceWidth}vmin;
-}
-
-@mixin goods-list-box {
-
-  .goods-list-box-popup {
-    width: vmin(750);
-  }
-  
-  .box {
-    margin: 0 vmin(12);
-  }
-
-  .title {
-    margin: 0;
-    padding: vmin(32) vmin(16) vmin(16);
-    color: rgba(69, 90, 100, 0.6);
-    font-weight: normal;
-    font-size: vmin(18);
-    line-height: vmin(20);
-    text-align: center;
-  }
-
-  .btn {
-    display: block;
-    width: 100%;
-    margin: vmin(10) 0;
-    background-color: #fff;
-  }
-  .page-main {
-    height: 100%;
-  }
-  .goods-list {
-    box-sizing: border-box;
-    min-height: 40vmin;
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    .finished-text {
-      display: flex;
-      justify-content: center;
-      color: #999;
-      font-size: vmin(28);
-      padding-bottom: vmin(20);
-    }
-    .no-data {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      padding-top: vmin(80);
-      .no-data-png {
-        width: vmin(176);
-        height: vmin(176);
-      }
-      .no-data-text {
-        color: #999999;
-        font-size: vmin(28);
-        margin-top: vmin(32);
-      }
-    }
-  }
-}
-
-
-.goods-list-box {
-  @include goods-list-box;
-}
-// 竖屏pad
-@media screen and (min-width: 768px) and (orientation: portrait) {
-  $deviceWidth: 1536 !global;
-
-  .goods-list-box {
-      @include goods-list-box;
-  }
-}
-// PC 放大适配
-@media screen and (min-height: 630px) and (orientation: landscape) {
-  $deviceWidth: 1260 !global;
-
-  .goods-list-box {
-    @include goods-list-box;
-  }
-}
-// 横屏pad
-@media screen and (min-height: 768px) and (orientation: landscape) {
-  $deviceWidth: 1536 !global;
-
-  .goods-list-box {
-      @include goods-list-box;
-  }
+$deviceWidth: 750;
+@function vmin($rpx) {
+  @return #{$rpx * 100 / $deviceWidth}vmin;
+}
+
+@mixin goods-list-box {
+
+  .goods-list-box-popup {
+    width: vmin(750);
+  }
+  
+  .box {
+    margin: 0 vmin(12);
+  }
+
+  .title {
+    margin: 0;
+    padding: vmin(32) vmin(16) vmin(16);
+    color: rgba(69, 90, 100, 0.6);
+    font-weight: normal;
+    font-size: vmin(18);
+    line-height: vmin(20);
+    text-align: center;
+  }
+
+  .btn {
+    display: block;
+    width: 100%;
+    margin: vmin(10) 0;
+    background-color: #fff;
+  }
+  .page-main {
+    height: 100%;
+  }
+  .goods-list {
+    box-sizing: border-box;
+    min-height: 40vmin;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    .finished-text {
+      display: flex;
+      justify-content: center;
+      color: #999;
+      font-size: vmin(28);
+      padding-bottom: vmin(20);
+    }
+    .no-data {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      padding-top: vmin(80);
+      .no-data-png {
+        width: vmin(176);
+        height: vmin(176);
+      }
+      .no-data-text {
+        color: #999999;
+        font-size: vmin(28);
+        margin-top: vmin(32);
+      }
+    }
+  }
+}
+
+
+.goods-list-box {
+  @include goods-list-box;
+}
+// 竖屏pad
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  $deviceWidth: 1536 !global;
+
+  .goods-list-box {
+      @include goods-list-box;
+  }
+}
+// PC 放大适配
+@media screen and (min-height: 630px) and (orientation: landscape) {
+  $deviceWidth: 1260 !global;
+
+  .goods-list-box {
+    @include goods-list-box;
+  }
+}
+// 横屏pad
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  $deviceWidth: 1536 !global;
+
+  .goods-list-box {
+      @include goods-list-box;
+  }
 }

package/src/LiveGoodsList/index.wxss

@@ -1,218 +1,218 @@
-.goods-list-box .goods-list-box-popup {
-  width: 100vmin;
-}
-.goods-list-box .box {
-  margin: 0 1.6vmin;
-}
-.goods-list-box .title {
-  margin: 0;
-  padding: 4.26667vmin 2.13333vmin 2.13333vmin;
-  color: rgba(69, 90, 100, 0.6);
-  font-weight: normal;
-  font-size: 2.4vmin;
-  line-height: 2.66667vmin;
-  text-align: center;
-}
-.goods-list-box .btn {
-  display: block;
-  width: 100%;
-  margin: 1.33333vmin 0;
-  background-color: #fff;
-}
-.goods-list-box .page-main {
-  height: 100%;
-}
-.goods-list-box .goods-list {
-  box-sizing: border-box;
-  min-height: 40vmin;
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-.goods-list-box .goods-list .finished-text {
-  display: flex;
-  justify-content: center;
-  color: #999;
-  font-size: 3.73333vmin;
-  padding-bottom: 2.66667vmin;
-}
-.goods-list-box .goods-list .no-data {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding-top: 10.66667vmin;
-}
-.goods-list-box .goods-list .no-data .no-data-png {
-  width: 23.46667vmin;
-  height: 23.46667vmin;
-}
-.goods-list-box .goods-list .no-data .no-data-text {
-  color: #999999;
-  font-size: 3.73333vmin;
-  margin-top: 4.26667vmin;
-}
-@media screen and (min-width: 768px) and (orientation: portrait) {
-  .goods-list-box .goods-list-box-popup {
-    width: 48.82812vmin;
-  }
-  .goods-list-box .box {
-    margin: 0 0.78125vmin;
-  }
-  .goods-list-box .title {
-    margin: 0;
-    padding: 2.08333vmin 1.04167vmin 1.04167vmin;
-    color: rgba(69, 90, 100, 0.6);
-    font-weight: normal;
-    font-size: 1.17188vmin;
-    line-height: 1.30208vmin;
-    text-align: center;
-  }
-  .goods-list-box .btn {
-    display: block;
-    width: 100%;
-    margin: 0.65104vmin 0;
-    background-color: #fff;
-  }
-  .goods-list-box .page-main {
-    height: 100%;
-  }
-  .goods-list-box .goods-list {
-    box-sizing: border-box;
-    min-height: 40vmin;
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-  }
-  .goods-list-box .goods-list .finished-text {
-    display: flex;
-    justify-content: center;
-    color: #999;
-    font-size: 1.82292vmin;
-    padding-bottom: 1.30208vmin;
-  }
-  .goods-list-box .goods-list .no-data {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding-top: 5.20833vmin;
-  }
-  .goods-list-box .goods-list .no-data .no-data-png {
-    width: 11.45833vmin;
-    height: 11.45833vmin;
-  }
-  .goods-list-box .goods-list .no-data .no-data-text {
-    color: #999999;
-    font-size: 1.82292vmin;
-    margin-top: 2.08333vmin;
-  }
-}
-@media screen and (min-height: 630px) and (orientation: landscape) {
-  .goods-list-box .goods-list-box-popup {
-    width: 59.52381vmin;
-  }
-  .goods-list-box .box {
-    margin: 0 0.95238vmin;
-  }
-  .goods-list-box .title {
-    margin: 0;
-    padding: 2.53968vmin 1.26984vmin 1.26984vmin;
-    color: rgba(69, 90, 100, 0.6);
-    font-weight: normal;
-    font-size: 1.42857vmin;
-    line-height: 1.5873vmin;
-    text-align: center;
-  }
-  .goods-list-box .btn {
-    display: block;
-    width: 100%;
-    margin: 0.79365vmin 0;
-    background-color: #fff;
-  }
-  .goods-list-box .page-main {
-    height: 100%;
-  }
-  .goods-list-box .goods-list {
-    box-sizing: border-box;
-    min-height: 40vmin;
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-  }
-  .goods-list-box .goods-list .finished-text {
-    display: flex;
-    justify-content: center;
-    color: #999;
-    font-size: 2.22222vmin;
-    padding-bottom: 1.5873vmin;
-  }
-  .goods-list-box .goods-list .no-data {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding-top: 6.34921vmin;
-  }
-  .goods-list-box .goods-list .no-data .no-data-png {
-    width: 13.96825vmin;
-    height: 13.96825vmin;
-  }
-  .goods-list-box .goods-list .no-data .no-data-text {
-    color: #999999;
-    font-size: 2.22222vmin;
-    margin-top: 2.53968vmin;
-  }
-}
-@media screen and (min-height: 768px) and (orientation: landscape) {
-  .goods-list-box .goods-list-box-popup {
-    width: 48.82812vmin;
-  }
-  .goods-list-box .box {
-    margin: 0 0.78125vmin;
-  }
-  .goods-list-box .title {
-    margin: 0;
-    padding: 2.08333vmin 1.04167vmin 1.04167vmin;
-    color: rgba(69, 90, 100, 0.6);
-    font-weight: normal;
-    font-size: 1.17188vmin;
-    line-height: 1.30208vmin;
-    text-align: center;
-  }
-  .goods-list-box .btn {
-    display: block;
-    width: 100%;
-    margin: 0.65104vmin 0;
-    background-color: #fff;
-  }
-  .goods-list-box .page-main {
-    height: 100%;
-  }
-  .goods-list-box .goods-list {
-    box-sizing: border-box;
-    min-height: 40vmin;
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-  }
-  .goods-list-box .goods-list .finished-text {
-    display: flex;
-    justify-content: center;
-    color: #999;
-    font-size: 1.82292vmin;
-    padding-bottom: 1.30208vmin;
-  }
-  .goods-list-box .goods-list .no-data {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding-top: 5.20833vmin;
-  }
-  .goods-list-box .goods-list .no-data .no-data-png {
-    width: 11.45833vmin;
-    height: 11.45833vmin;
-  }
-  .goods-list-box .goods-list .no-data .no-data-text {
-    color: #999999;
-    font-size: 1.82292vmin;
-    margin-top: 2.08333vmin;
-  }
-}
+.goods-list-box .goods-list-box-popup {
+  width: 100vmin;
+}
+.goods-list-box .box {
+  margin: 0 1.6vmin;
+}
+.goods-list-box .title {
+  margin: 0;
+  padding: 4.26667vmin 2.13333vmin 2.13333vmin;
+  color: rgba(69, 90, 100, 0.6);
+  font-weight: normal;
+  font-size: 2.4vmin;
+  line-height: 2.66667vmin;
+  text-align: center;
+}
+.goods-list-box .btn {
+  display: block;
+  width: 100%;
+  margin: 1.33333vmin 0;
+  background-color: #fff;
+}
+.goods-list-box .page-main {
+  height: 100%;
+}
+.goods-list-box .goods-list {
+  box-sizing: border-box;
+  min-height: 40vmin;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.goods-list-box .goods-list .finished-text {
+  display: flex;
+  justify-content: center;
+  color: #999;
+  font-size: 3.73333vmin;
+  padding-bottom: 2.66667vmin;
+}
+.goods-list-box .goods-list .no-data {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-top: 10.66667vmin;
+}
+.goods-list-box .goods-list .no-data .no-data-png {
+  width: 23.46667vmin;
+  height: 23.46667vmin;
+}
+.goods-list-box .goods-list .no-data .no-data-text {
+  color: #999999;
+  font-size: 3.73333vmin;
+  margin-top: 4.26667vmin;
+}
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  .goods-list-box .goods-list-box-popup {
+    width: 48.82812vmin;
+  }
+  .goods-list-box .box {
+    margin: 0 0.78125vmin;
+  }
+  .goods-list-box .title {
+    margin: 0;
+    padding: 2.08333vmin 1.04167vmin 1.04167vmin;
+    color: rgba(69, 90, 100, 0.6);
+    font-weight: normal;
+    font-size: 1.17188vmin;
+    line-height: 1.30208vmin;
+    text-align: center;
+  }
+  .goods-list-box .btn {
+    display: block;
+    width: 100%;
+    margin: 0.65104vmin 0;
+    background-color: #fff;
+  }
+  .goods-list-box .page-main {
+    height: 100%;
+  }
+  .goods-list-box .goods-list {
+    box-sizing: border-box;
+    min-height: 40vmin;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  }
+  .goods-list-box .goods-list .finished-text {
+    display: flex;
+    justify-content: center;
+    color: #999;
+    font-size: 1.82292vmin;
+    padding-bottom: 1.30208vmin;
+  }
+  .goods-list-box .goods-list .no-data {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding-top: 5.20833vmin;
+  }
+  .goods-list-box .goods-list .no-data .no-data-png {
+    width: 11.45833vmin;
+    height: 11.45833vmin;
+  }
+  .goods-list-box .goods-list .no-data .no-data-text {
+    color: #999999;
+    font-size: 1.82292vmin;
+    margin-top: 2.08333vmin;
+  }
+}
+@media screen and (min-height: 630px) and (orientation: landscape) {
+  .goods-list-box .goods-list-box-popup {
+    width: 59.52381vmin;
+  }
+  .goods-list-box .box {
+    margin: 0 0.95238vmin;
+  }
+  .goods-list-box .title {
+    margin: 0;
+    padding: 2.53968vmin 1.26984vmin 1.26984vmin;
+    color: rgba(69, 90, 100, 0.6);
+    font-weight: normal;
+    font-size: 1.42857vmin;
+    line-height: 1.5873vmin;
+    text-align: center;
+  }
+  .goods-list-box .btn {
+    display: block;
+    width: 100%;
+    margin: 0.79365vmin 0;
+    background-color: #fff;
+  }
+  .goods-list-box .page-main {
+    height: 100%;
+  }
+  .goods-list-box .goods-list {
+    box-sizing: border-box;
+    min-height: 40vmin;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  }
+  .goods-list-box .goods-list .finished-text {
+    display: flex;
+    justify-content: center;
+    color: #999;
+    font-size: 2.22222vmin;
+    padding-bottom: 1.5873vmin;
+  }
+  .goods-list-box .goods-list .no-data {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding-top: 6.34921vmin;
+  }
+  .goods-list-box .goods-list .no-data .no-data-png {
+    width: 13.96825vmin;
+    height: 13.96825vmin;
+  }
+  .goods-list-box .goods-list .no-data .no-data-text {
+    color: #999999;
+    font-size: 2.22222vmin;
+    margin-top: 2.53968vmin;
+  }
+}
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  .goods-list-box .goods-list-box-popup {
+    width: 48.82812vmin;
+  }
+  .goods-list-box .box {
+    margin: 0 0.78125vmin;
+  }
+  .goods-list-box .title {
+    margin: 0;
+    padding: 2.08333vmin 1.04167vmin 1.04167vmin;
+    color: rgba(69, 90, 100, 0.6);
+    font-weight: normal;
+    font-size: 1.17188vmin;
+    line-height: 1.30208vmin;
+    text-align: center;
+  }
+  .goods-list-box .btn {
+    display: block;
+    width: 100%;
+    margin: 0.65104vmin 0;
+    background-color: #fff;
+  }
+  .goods-list-box .page-main {
+    height: 100%;
+  }
+  .goods-list-box .goods-list {
+    box-sizing: border-box;
+    min-height: 40vmin;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  }
+  .goods-list-box .goods-list .finished-text {
+    display: flex;
+    justify-content: center;
+    color: #999;
+    font-size: 1.82292vmin;
+    padding-bottom: 1.30208vmin;
+  }
+  .goods-list-box .goods-list .no-data {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding-top: 5.20833vmin;
+  }
+  .goods-list-box .goods-list .no-data .no-data-png {
+    width: 11.45833vmin;
+    height: 11.45833vmin;
+  }
+  .goods-list-box .goods-list .no-data .no-data-text {
+    color: #999999;
+    font-size: 1.82292vmin;
+    margin-top: 2.08333vmin;
+  }
+}