Init project

2023-09-20 21:49:33 +08:00
parent 85a5989c96
commit c9ceac9f37
710 changed files with 125705 additions and 0 deletions
@@ -0,0 +1,173 @@
+.change-section {
+  margin: 24rpx;
+  padding: 20rpx 24rpx;
+  border-radius: 20rpx;
+
+  .introduce {
+    font-size: 34rpx;
+  }
+
+  .subInfo {
+    margin-top: 20rpx;
+    font-size: 26rpx;
+    color: #8B8F99;
+  }
+
+  .share {
+    margin-top: 20rpx;
+
+    .money {
+      .num {
+        font-size: 32rpx;
+      }
+    }
+  }
+}
+
+.goods-section {
+  margin: 24rpx;
+  padding: 30rpx 24rpx;
+  border-radius: 20rpx;
+  background: #fff;
+}
+
+.service-section {
+  .cell {
+    margin-bottom: 30rpx;
+    font-size: 26rpx;
+    line-height: 1;
+
+    .after-title {
+      width: 120rpx;
+      color: #ADADAD;
+    }
+
+    .title {
+      color: #333333;
+    }
+
+    .sub-title {
+      position: relative;
+      margin-top: 20rpx;
+      color: #9D9D9D;
+      font-size: 22rpx;
+    }
+
+    .value {
+      color: #9D9D9D;
+      font-size: 24rpx;
+    }
+
+    .red {
+      color: #FF564A;
+    }
+
+    .icon-time {
+      position: relative;
+      top: 6rpx;
+      width: 32rpx;
+      height: 32rpx;
+      vertical-align: middle;
+    }
+  }
+
+  .cell:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.store-section {
+  .logo {
+    width: 70rpx;
+    height: 70rpx;
+    margin-right: 10rpx;
+    border-radius: 50%;
+    vertical-align: middle;
+  }
+
+  .title {
+    width: 500rpx;
+    color: #333;
+    font-size: 30rpx;
+  }
+
+  .value {
+    color: #666;
+    font-size: 22rpx;
+    line-height: 40rpx;
+  }
+
+  .product-list {
+    margin-top: 30rpx;
+
+    .item {
+      width: 198rpx;
+      height: 318rpx;
+      margin-right: 30rpx;
+
+      .cover-box {
+        position: relative;
+        width: 198rpx;
+        height: 198rpx;
+        overflow: hidden;
+
+        .tag{
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 92rpx;
+          height: 40rpx;
+        }
+        .cover{
+          width: 100%;
+          height: 100%;
+          border-radius: 12rpx;
+        }
+
+        image {
+          vertical-align: middle;
+        }
+      }
+
+      .more-t {
+        margin-top: 10rpx;
+        color: #333;
+        font-size: 24rpx;
+      }
+
+      .price {
+        margin-top: 10rpx;
+        color: #DA0000;
+        font-size: 26rpx;
+      }
+    }
+  }
+}
+
+.param-section {
+  color: #333;
+  font-size: 26rpx;
+
+  .table {
+    margin-top: 30rpx;
+    border: 2rpx solid #D2D2D2;
+
+    .row {
+      border-bottom: 2rpx solid #D2D2D2;
+
+      .title {
+        width: 160rpx;
+        padding: 16rpx;
+        border-right: 2rpx solid #D2D2D2;
+        color: #ADADAD;
+      }
+    }
+    .row:last-child{
+      border-bottom: none;
+    }
+    .value {
+      width: 100%;
+      padding: 16rpx;
+    }
+  }
+}