Browse Source

optimize:用户预约表UI调整

haopeng 2 years ago
parent
commit
acda536750
1 changed files with 9 additions and 2 deletions
  1. 9 2
      src/pages/home/detailList/index.vue

+ 9 - 2
src/pages/home/detailList/index.vue

@@ -17,7 +17,7 @@
17
             backgroundColor: orderStatusStyle(projectItem).backgroundColor
17
             backgroundColor: orderStatusStyle(projectItem).backgroundColor
18
           }"
18
           }"
19
         >
19
         >
20
-          <span class="name">{{projectItem.nickname}}</span>
20
+          <div class="name">{{projectItem.nickname}}</div>
21
           <div class="project-time">
21
           <div class="project-time">
22
             <span>{{projectItem.start}}</span>
22
             <span>{{projectItem.start}}</span>
23
             <span>-</span>
23
             <span>-</span>
@@ -127,9 +127,16 @@ export default {
127
         display: flex;
127
         display: flex;
128
         flex-wrap: wrap;
128
         flex-wrap: wrap;
129
         .project {
129
         .project {
130
+          padding: 3px;
131
+          box-sizing: border-box;
130
           .name {
132
           .name {
131
-            font-size: 12px;
133
+            width: 100%;
134
+            text-align: center;
135
+            font-size: 14px;
132
             margin-bottom: 3px;
136
             margin-bottom: 3px;
137
+            overflow: hidden;
138
+            white-space: nowrap;
139
+            text-overflow: ellipsis;
133
           }
140
           }
134
           .project-time {
141
           .project-time {
135
             display: flex;
142
             display: flex;