2022.3.24样式

fhKeeper/formulahousekeeper/timesheet_h5/src/views/timetool/timetool.vue

@@ -86,7 +86,7 @@
     <van-action-sheet v-model="selectXshow">
         <van-search v-model="searchText" placeholder="请输入项目名称" @clear="sea()" @blur="sea()" @search="sea()"/>
         <div style="minHeight:300px;">
-            <div v-for="(item, index) in selectOptS" :key="item.id" class="ryuan" @click="selectX(item, index)">{{item.projectName}}</div>
+            <div v-for="(item, index) in selectOptS" :key="item.id" class="valuelist" @click="selectX(item, index)">{{item.projectName}}</div>
         </div>
     </van-action-sheet>
     <!-- <van-popup v-model="showPickerUserddp" position="bottom" style="height: 80%">
@@ -273,21 +273,27 @@ export default {
 .select {
     .van-cell{
         line-height: 1rem;
+        padding-left: 0.45rem;
+        display: block;
     }
     .van-cell__title{
-        text-align: center;
+        text-align: left;
+        float: left;
+        width: 20%;
         span{
             color: #646566;
         }
     }
   .van-cell__value{
+    float: left;
       text-align: center;
+      width: 80%;
   }
 }
 .selectgx {
   background-color: #fff;
   .selectgxtitle{
-      margin-left: 10%;
+      margin-left: 0.45rem;
       text-align: left;
       font-size: 14px;
       color: #646566;
@@ -308,12 +314,12 @@ export default {
       height: 1.5rem;
   }
   .selectgxbtn{
-      width: 90%;
+      width: 85%;
     //   height: 100%;
   }
 }
 .timingBtn{
-    padding: 3% 8%;
+    padding: 2.5% 0.45rem;
     .timbutton{
         .timint{
             height: 0.8rem;
@@ -325,8 +331,8 @@ export default {
   width: 50%;
 }
 .recordList {
-  padding-left: 4%;
-  padding-right: 4%;
+  padding-left: 0.45rem;
+  padding-right: 0.45rem;
   background-color: #fff;
   li {
     width: 100%;
@@ -371,4 +377,15 @@ export default {
     }
   }
 }
+.valuelist{
+  padding: 0 0.53333rem;
+line-height: 1.06667rem;
+height: 1.06667rem;
+color: #333;
+border-bottom: 0.05333rem solid #f6f6f6;
+width: 100%;
+overflow: hidden;
+text-overflow: ellipsis;
+white-space: nowrap;
+}
 </style>