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,131 @@
+.pkg-product-list {
+  image {
+    vertical-align: middle;
+  }
+
+  .swiper-box {
+    width: 686rpx;
+    height: 360rpx;
+    margin: 0 auto;
+    border-radius: 16rpx;
+
+    image {
+      width: 100%;
+      height: 100%;
+      border-radius: 16rpx;
+    }
+  }
+
+  .search-box {
+    width: 686rpx;
+    height: 60rpx;
+    margin: 0 auto;
+    padding: 0 24rpx 0 32rpx;
+    box-sizing: border-box;
+    background: #F7F7F7;
+    border-radius: 30rpx;
+
+    input {
+      width: 560rpx;
+      font-size: 24rpx;
+    }
+
+    .icon {
+      width: 32rpx;
+      height: 32rpx;
+    }
+  }
+
+  .body-box {
+    width: 100%;
+    display: flex;
+    position: relative;
+    border-top: 2rpx solid #D2D2D2;
+
+    ::-webkit-scrollbar {
+      width: 0 !important
+    }
+
+    .aside-box {
+      position: relative;
+      left: 0;
+      width: 194rpx;
+      box-sizing: border-box;
+      border-right: 2rpx solid #D2D2D2;
+      overflow-y: auto;
+
+      .item {
+        height: 94rpx;
+        box-sizing: border-box;
+        border-bottom: 2rpx solid #D2D2D2;
+        color: #033333;
+
+        text {
+          font-size: 28rpx;
+        }
+      }
+
+      .active {
+        border-left: 6rpx solid #FD574B;
+        color: #FD574B;
+        font-weight: bold;
+      }
+    }
+
+    .article-box {
+      position: relative;
+      width: calc(100vw - 194rpx);
+      overflow-y: auto;
+
+      .empty {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%,-50%);
+
+        image {
+          width: 280rpx;
+          height: 280rpx;
+        }
+
+        view {
+          color: gray;
+          font-size: 24rpx;
+        }
+      }
+
+      .item {
+        position: relative;
+        width: 242rpx;
+        height: 376rpx;
+        box-sizing: border-box;
+        margin: 20rpx 0 0 20rpx;
+
+        .cover {
+          width: 242rpx;
+          height: 242rpx;
+          margin-bottom: 8rpx;
+          border-radius: 8rpx;
+        }
+
+        .name {
+          color: #333;
+          font-size: 26rpx;
+          line-height: 36rpx;
+        }
+
+        .price {
+          position: absolute;
+          bottom: 4rpx;
+          color: #DA0000;
+          font-size: 28rpx;
+          line-height: 36rpx;
+        }
+      }
+      .item-store{
+        height: 336rpx;
+      }
+    }
+  }
+
+}