xiaoe_mp_npm 0.1.2 → 0.1.5

package/miniprogram_dist/GoodsItem/index.json

@@ -1,6 +1,6 @@
-{
-  "component": true,
-  "usingComponents": {
-    "van-switch": "@vant/weapp/switch/index"
-  }
-}
+{
+  "component": true,
+  "usingComponents": {
+    "van-switch": "@vant/weapp/switch/index"
+  }
+}

package/miniprogram_dist/GoodsItem/index.less

@@ -1,249 +1,249 @@
-@import "../common/css/theme.wxss";
-
-  .goods-explaining {
-    position: absolute;
-    width: 240rpx;
-    height: 36rpx;
-    bottom: 0rpx;
-    left: 0rpx;
-}
-  .goods-item {
-    display: flex;
-    min-height: 180rpx;
-    background: #ffffff;
-    margin: 20rpx 40rpx 0 40rpx;
-    border-radius: 16rpx;
-    padding: 16rpx;
-    flex-direction: column;
-
-    .main-card{
-      display: flex;
-      flex-direction: row;
-      .left {
-        position: relative;
-        height: 180rpx;
-        .goods-img {
-          width: 240rpx;
-          border-radius: 16rpx;
-          height: 180rpx;
-          background: rgba(0,0,0,0.04);
-        }
-        .index {
-          border-radius: 16rpx 0 24rpx 0;
-          position: absolute;
-          left: 0;
-          display: inline-block;
-          text-align: center;
-          width: 48rpx;
-          height: 40rpx;
-          line-height: 35rpx;
-          font-size: 24rpx;
-          background: rgba(0,0,0,0.25);
-          color: #FFFFFF;
-          backdrop-filter: blur(24rpx);
-        }
-        .goods-type {
-          position: absolute;
-          right: calc(100% - 230rpx);
-          bottom: 8rpx;
-          padding: 8rpx 10rpx;
-          background: rgba(0,0,0,0.25);
-          border-radius: 8rpx;
-          color: #fff;
-          font-size: 20rpx;
-          width: fit-content;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-          height: 20rpx;
-          backdrop-filter: blur(24rpx);
-        }
-      }
-      .right {
-        flex: 1;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        margin-left: 16rpx;
-        height: 180rpx;
-        width: calc(100% - 256rpx);
-        .line-one {
-          display: flex;
-          align-items: center;
-          height: 36rpx;
-          .activity-type {
-            background-color: #FFF3EB;
-            color: #FF781F;
-            padding: 0rpx 8rpx;
-            font-size: 20rpx;
-            height: 32rpx;
-            line-height: 36rpx;
-            flex-shrink: 0;
-            margin-right: 8rpx;
-            border-radius: 4rpx;
-            display: flex;
-            width: max-content;
-            align-items: center;
-          }
-          .super-activity-type{
-            background: linear-gradient(180.25deg, rgba(51,51,51,1) 0%, rgba(81.6,81.6,81.6,1) 68%, rgba(51,51,51,1) 100%);
-            color: rgba(255,120,31,1);
-            padding: 4rpx 8rpx;
-            font-size: 20rpx;
-            height: 32rpx;
-            width: max-content;
-            line-height: 36rpx;
-            flex-shrink: 0;
-            margin-right: 8rpx;
-            border-radius: 4rpx;
-            display: flex;
-            align-items: center;
-            .super-activity-txt{
-              background: linear-gradient(to right, #FFE4AD, #FFC266);
-              -webkit-background-clip: text;
-              color: transparent;
-            }
-          }
-          .goods-title {
-            font-size: 28rpx;
-            color: #333333;
-            word-break: break-all;
-            display: inline-block;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-            display: inline-block;
-            vertical-align: middle;
-            line-height: 36rpx;
-            font-weight: 500;
-          }
-        }
-        .sec-kill {
-          color: #FF781F;
-          font-size: 20rpx;
-          line-height: 32rpx;
-          margin: 8rpx 0;
-        }
-        .left-stock {
-          color: #999999;
-          font-size: 20rpx;
-          height: 24rpx;
-          display: flex;
-          align-items: center;
-          .split{
-            display: inline-block;
-            border-left: 1px solid #999999;
-            width: 2rpx;
-            height: 24rpx;
-            margin: 0 12rpx;
-          }
-        }
-        .line-three {
-          display: flex;
-          justify-content: space-between;
-          align-items: flex-end;
-          .price {
-            position: relative;
-            min-height: 40rpx;
-            font-weight: 500;
-            .price-flow{
-              color: #FF5429;
-              font-size: 24rpx;
-            }
-            .price-show {
-              color: #FF5429;
-              font-size: 36rpx;
-            }
-            .price-line {
-              font-size: 20rpx;
-              text-decoration: line-through;
-              color: #999999;
-              margin-left: 8rpx;
-            }
-          }
-          .buy-btn {
-            font-size: 24rpx;
-            border-radius: 40rpx;
-            width: 160rpx;
-            height: 56rpx;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            color: white;
-            line-height: 56rpx;
-            font-weight: 500;
-            background-color: red;
-          }
-          .no-stock-btn{
-            font-size: 24rpx;
-            border-radius: 40rpx;
-            width: 160rpx;
-            height: 56rpx;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            color: white;
-            line-height: 56rpx;
-            font-weight: 500;
-            background-color: #bbb;
-            opacity: 40%;
-          }
-          .see-btn {
-            font-size: 24rpx;
-            border-radius: 40rpx;
-            width: 160rpx;
-            height: 56rpx;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            color: white;
-            line-height: 56rpx;
-            font-weight: 500;
-            background-color: red;
-            margin-left: inherit;
-            margin-right: inherit;
-          }
-          .buy-btn-preferential{
-            font-size: 24rpx;
-            border-radius: 40rpx;
-            padding: 0 10rpx;
-            min-width: 160rpx;
-            height: 68rpx;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            color: white;
-            flex-flow: column;
-            line-height: 32rpx;
-            background-color: red;
-            .go-buy{
-              font-size: 24rpx;
-              font-weight: 500;
-            }
-            .preferential-flow{
-              color: rgba(255,255,255,1);
-              font-size: 20rpx;
-            }
-            .preferential-show{
-              font-size: 28rpx;
-              color: rgba(255,255,255,1);
-            }
-          }
-        }
-      }
-    }
-  }
-  .teacher-switch{
-    height: 32rpx;
-    background: #fff;
-    display: flex;
-    margin-top: 16rpx;
-    .switch-txt{
-      opacity: 1;
-      color: rgba(51,51,51,1);
-      font-size: 24rpx;
-      font-weight: 400;
-      font-family: "PingFang SC";
-      margin-left: 16rpx;
-    }
-  }
+@import "../common/css/theme.wxss";
+
+  .goods-explaining {
+    position: absolute;
+    width: 240rpx;
+    height: 36rpx;
+    bottom: 0rpx;
+    left: 0rpx;
+}
+  .goods-item {
+    display: flex;
+    min-height: 180rpx;
+    background: #ffffff;
+    margin: 20rpx 40rpx 0 40rpx;
+    border-radius: 16rpx;
+    padding: 16rpx;
+    flex-direction: column;
+
+    .main-card{
+      display: flex;
+      flex-direction: row;
+      .left {
+        position: relative;
+        height: 180rpx;
+        .goods-img {
+          width: 240rpx;
+          border-radius: 16rpx;
+          height: 180rpx;
+          background: rgba(0,0,0,0.04);
+        }
+        .index {
+          border-radius: 16rpx 0 24rpx 0;
+          position: absolute;
+          left: 0;
+          display: inline-block;
+          text-align: center;
+          width: 48rpx;
+          height: 40rpx;
+          line-height: 35rpx;
+          font-size: 24rpx;
+          background: rgba(0,0,0,0.25);
+          color: #FFFFFF;
+          backdrop-filter: blur(24rpx);
+        }
+        .goods-type {
+          position: absolute;
+          right: calc(100% - 230rpx);
+          bottom: 8rpx;
+          padding: 8rpx 10rpx;
+          background: rgba(0,0,0,0.25);
+          border-radius: 8rpx;
+          color: #fff;
+          font-size: 20rpx;
+          width: fit-content;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          height: 20rpx;
+          backdrop-filter: blur(24rpx);
+        }
+      }
+      .right {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        margin-left: 16rpx;
+        height: 180rpx;
+        width: calc(100% - 256rpx);
+        .line-one {
+          display: flex;
+          align-items: center;
+          height: 36rpx;
+          .activity-type {
+            background-color: #FFF3EB;
+            color: #FF781F;
+            padding: 0rpx 8rpx;
+            font-size: 20rpx;
+            height: 32rpx;
+            line-height: 36rpx;
+            flex-shrink: 0;
+            margin-right: 8rpx;
+            border-radius: 4rpx;
+            display: flex;
+            width: max-content;
+            align-items: center;
+          }
+          .super-activity-type{
+            background: linear-gradient(180.25deg, rgba(51,51,51,1) 0%, rgba(81.6,81.6,81.6,1) 68%, rgba(51,51,51,1) 100%);
+            color: rgba(255,120,31,1);
+            padding: 4rpx 8rpx;
+            font-size: 20rpx;
+            height: 32rpx;
+            width: max-content;
+            line-height: 36rpx;
+            flex-shrink: 0;
+            margin-right: 8rpx;
+            border-radius: 4rpx;
+            display: flex;
+            align-items: center;
+            .super-activity-txt{
+              background: linear-gradient(to right, #FFE4AD, #FFC266);
+              -webkit-background-clip: text;
+              color: transparent;
+            }
+          }
+          .goods-title {
+            font-size: 28rpx;
+            color: #333333;
+            word-break: break-all;
+            display: inline-block;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            display: inline-block;
+            vertical-align: middle;
+            line-height: 36rpx;
+            font-weight: 500;
+          }
+        }
+        .sec-kill {
+          color: #FF781F;
+          font-size: 20rpx;
+          line-height: 32rpx;
+          margin: 8rpx 0;
+        }
+        .left-stock {
+          color: #999999;
+          font-size: 20rpx;
+          height: 24rpx;
+          display: flex;
+          align-items: center;
+          .split{
+            display: inline-block;
+            border-left: 1px solid #999999;
+            width: 2rpx;
+            height: 24rpx;
+            margin: 0 12rpx;
+          }
+        }
+        .line-three {
+          display: flex;
+          justify-content: space-between;
+          align-items: flex-end;
+          .price {
+            position: relative;
+            min-height: 40rpx;
+            font-weight: 500;
+            .price-flow{
+              color: #FF5429;
+              font-size: 24rpx;
+            }
+            .price-show {
+              color: #FF5429;
+              font-size: 36rpx;
+            }
+            .price-line {
+              font-size: 20rpx;
+              text-decoration: line-through;
+              color: #999999;
+              margin-left: 8rpx;
+            }
+          }
+          .buy-btn {
+            font-size: 24rpx;
+            border-radius: 40rpx;
+            width: 160rpx;
+            height: 56rpx;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            color: white;
+            line-height: 56rpx;
+            font-weight: 500;
+            background-color: red;
+          }
+          .no-stock-btn{
+            font-size: 24rpx;
+            border-radius: 40rpx;
+            width: 160rpx;
+            height: 56rpx;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            color: white;
+            line-height: 56rpx;
+            font-weight: 500;
+            background-color: #bbb;
+            opacity: 40%;
+          }
+          .see-btn {
+            font-size: 24rpx;
+            border-radius: 40rpx;
+            width: 160rpx;
+            height: 56rpx;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            color: white;
+            line-height: 56rpx;
+            font-weight: 500;
+            background-color: red;
+            margin-left: inherit;
+            margin-right: inherit;
+          }
+          .buy-btn-preferential{
+            font-size: 24rpx;
+            border-radius: 40rpx;
+            padding: 0 10rpx;
+            min-width: 160rpx;
+            height: 68rpx;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            color: white;
+            flex-flow: column;
+            line-height: 32rpx;
+            background-color: red;
+            .go-buy{
+              font-size: 24rpx;
+              font-weight: 500;
+            }
+            .preferential-flow{
+              color: rgba(255,255,255,1);
+              font-size: 20rpx;
+            }
+            .preferential-show{
+              font-size: 28rpx;
+              color: rgba(255,255,255,1);
+            }
+          }
+        }
+      }
+    }
+  }
+  .teacher-switch{
+    height: 32rpx;
+    background: #fff;
+    display: flex;
+    margin-top: 16rpx;
+    .switch-txt{
+      opacity: 1;
+      color: rgba(51,51,51,1);
+      font-size: 24rpx;
+      font-weight: 400;
+      font-family: "PingFang SC";
+      margin-left: 16rpx;
+    }
+  }