Просмотр исходного кода

optimize:用户预约表UI调整

haopeng лет назад: 2
Родитель
Сommit
acda536750
1 измененных файлов с 9 добавлено и 2 удалено
  1. 9 2
      src/pages/home/detailList/index.vue

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

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