空状态需要处理，需要添加分享页面

2025-12-26 17:42:07 +08:00
parent bb02cb22c0
commit dfc5888fa9
64 changed files with 11036 additions and 109 deletions
--- a/pages/shop-together/styles/detail.scss
+++ b/pages/shop-together/styles/detail.scss
@@ -0,0 +1,113 @@
+.shop-together {
+  padding: 32rpx 26rpx;
+
+  .top-user {
+    position: relative;
+    background: #ffffff;
+    border-radius: 16rpx;
+    padding: 70rpx 32rpx 34rpx;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    font-family: PingFang SC, PingFang SC;
+    font-style: normal;
+    text-transform: none;
+
+    .state-box {
+      position: absolute;
+      top: 0;
+      left: 0;
+      background: linear-gradient(180deg, #00d993 0%, #00d9c5 100%);
+      padding: 4rpx 16rpx;
+      border-radius: 16rpx 0rpx 16rpx 0rpx;
+      font-weight: bold;
+      font-size: 24rpx;
+      color: #ffffff;
+    }
+    .left-box {
+      display: flex;
+      align-items: center;
+      .avatar {
+        width: 100rpx;
+        height: 100rpx;
+        border-radius: 100rpx;
+        margin-right: 32rpx;
+      }
+      .name-box {
+        height: 100rpx;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        text {
+          font-weight: bold;
+          font-size: 32rpx;
+          color: #333333;
+          &:last-child {
+            font-weight: 500;
+            font-size: 24rpx;
+            color: #999999;
+          }
+        }
+      }
+    }
+
+    .right-box {
+      height: 100rpx;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      align-items: center;
+      text {
+        font-weight: bold;
+        font-size: 40rpx;
+        color: #00d9c5;
+        &:last-child {
+          font-weight: 500;
+          font-size: 28rpx;
+          color: #999999;
+        }
+      }
+    }
+  }
+
+  .bottom-user-list {
+    margin-bottom: 130rpx;
+  }
+
+  .bottom-list + .bottom-list {
+    margin-top: 16rpx;
+  }
+
+  .bottom-list {
+    background: #ffffff;
+    border-radius: 16rpx;
+    padding: 16rpx 32rpx;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    font-family: PingFang SC, PingFang SC;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+    font-weight: 500;
+
+    .left-name {
+      display: flex;
+      align-items: center;
+      .avatar {
+        width: 90rpx;
+        height: 90rpx;
+        border-radius: 90rpx;
+        margin-right: 20rpx;
+        text {
+          font-size: 28rpx;
+          color: #333333;
+        }
+      }
+    }
+    .date {
+      font-size: 24rpx;
+      color: #999999;
+    }
+  }
+}