修改发布

2025-08-23 21:39:46 +08:00
parent 8bc2fa8d97
commit c6f4f11259
29 changed files with 384 additions and 241 deletions
--- a/src/pages/publishBall/components/FormBasicInfo/FormBasicInfo.scss
+++ b/src/pages/publishBall/components/FormBasicInfo/FormBasicInfo.scss
@@ -0,0 +1,92 @@
+@use '~@/scss/images.scss' as img;
+@use '~@/scss/themeColor.scss' as theme;
+// FormBasicInfo 组件样式
+.form-basic-info{
+  background: white;
+  border-radius: 16px;
+  width: 100%;
+
+  
+    // 费用项目
+    .form-item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      height: 44px;
+      padding-left: 12px;
+      &:last-child{
+        .form-wrapper{
+          border-bottom: none;
+        }
+      }
+      .form-label {
+        display: flex;
+        align-items: center;
+        font-size: 14px;
+        padding-right: 14px;
+        .lable-icon {
+          width: 16px;
+          height: 16px;
+        }
+        text {
+          font-size: 16px;
+          color: #333;
+          font-weight: 500;
+        }
+      }
+      .form-wrapper{
+        display: flex;
+        justify-content: space-between;
+        flex: 1;
+        border-bottom: 1px solid  rgba(0, 0, 0, 0.06);
+        align-items: center;
+        .form-item-label{
+          display: flex;
+        }
+        .form-right-wrapper{
+          display: flex;
+          padding-right: 12px;
+          height: 44px;
+          line-height: 44px;
+          align-items: center;
+          .title-placeholder{
+            font-size: 14px;
+            color: theme.$textarea-placeholder-color;
+            font-weight: 400;
+          }
+          .h5-input{
+            font-size: 14px;
+            color: #333;
+            font-weight: 500;
+            width: 50px;
+            text-align: right;
+            margin-right: 8px;
+          }
+          .unit{
+            font-size: 14px;
+            color: theme.$primary-color;
+          }
+          .right-text{
+            color: theme.$textarea-placeholder-color;
+            font-size: 14px;
+            padding-right: 8px;
+            width: 200px;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
+            text-align: right;
+            &.selected{
+              color: #000;
+            }
+          }
+          .arrow{
+            width: 16px;
+            height: 16px;
+            margin-left: 4px;
+            
+          }
+        }
+      }
+    }
+  
+}