新增工时 样式

pages/WorkingHours/add.vue

@@ -3,7 +3,7 @@
     <view class="content">
       <view class="popup-content">
         <uni-forms ref="baseForm" :modelValue="formData">
-          <uni-forms-item label="分类">
+          <uni-forms-item label="分类" class="formItem">
             <ld-select
               :list="typeList"
               placeholder="请选择分类"
@@ -14,7 +14,11 @@
               @change="onChangeType"
             />
           </uni-forms-item>
-          <uni-forms-item v-show="currentType.type == 0" label="项目">
+          <uni-forms-item
+            v-show="currentType.type == 0"
+            label="项目"
+            class="formItem"
+          >
             <comboxSearch
               emptyTips="无匹配项"
               placeholder="请选择项目"
@@ -34,7 +38,7 @@
             @change="onChangeProject"
           /> -->
           </uni-forms-item>
-          <uni-forms-item label="子类">
+          <uni-forms-item label="子类" class="formItem">
             <ld-select
               :list="subTypeList"
               placeholder="请选择子类"
@@ -46,7 +50,7 @@
               @change="onChangeSubType"
             />
           </uni-forms-item>
-          <uni-forms-item label="日期">
+          <uni-forms-item label="日期" class="formItem">
             <view class="date">{{ this.day }}</view>
           </uni-forms-item>
         </uni-forms>
@@ -203,9 +207,10 @@ export default {
 }
 .date {
   line-height: 70rpx;
+  padding: 0 20rpx;
 }
 .popup-content {
-  padding: 40rpx;
+  padding: 0 40rpx;
 }
 .group {
   width: 100%;
@@ -218,15 +223,38 @@ export default {
     border-radius: 0;
   }
 }
+
+.formItem {
+  border-bottom: 1rpx solid #eee;
+}
+::v-deep {
+  .uni-forms-item__inner {
+    padding: 20rpx 0;
+  }
+  .uni-combox {
+    border: 0;
+  }
+  .uni-combox__input-box {
+    padding: 10rpx 20rpx;
+  }
+}
+// .select {
+//   width: 100%;
+//   margin-bottom: 25rpx;
+//   background: #fff;
+//   height: 70rpx;
+//   color: #777777;
+//   padding-left: 20rpx;
+//   font-size: 24rpx;
+//   border-radius: 0px;
+//   border-bottom: 1px solid #333;
+// }
+
 .select {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
   width: 100%;
-  margin-bottom: 25rpx;
-  background: #fff;
-  height: 70rpx;
-  color: #777777;
-  padding-left: 20rpx;
-  font-size: 24rpx;
-  border-radius: 0px;
-  border-bottom: 1px solid #333;
+  height: 72rpx;
 }
 </style>