任务列表样式修改

src/views/todoList/components/todoListLazyCell.vue

@@ -18,6 +18,11 @@
       :key="item.id"
       @click="goDetailsInfo(item)"
     >
+      <div class="task-content">
+        <span v-for="(attr, i) in item.showTitle" :key="`attr_${i}`">
+          {{ attr.title }}
+        </span>
+      </div>
       <div class="itemTitle">
         {{ item.name }}
         <span class="time">
@@ -25,11 +30,6 @@
           <van-icon name="arrow" />
         </span>
       </div>
-      <div class="content">
-        <span v-for="(attr, i) in item.showTitle" :key="`attr_${i}`">
-          {{ attr.title }}
-        </span>
-      </div>
     </div>
   </div>
 </template>
@@ -130,7 +130,6 @@ export default {
   max-height: 400px;
   height: 100%;
   .taskItem {
-    font-size: 16px;
     color: #000000;
     box-sizing: border-box;
     border-bottom: 1px solid #e1e1e1;
@@ -140,6 +139,8 @@ export default {
       text-align: left;
       display: flex;
       align-items: center;
+      color: #797979;
+      font-size: 14px;
 
       .van-image__img {
         width: 30px;
@@ -160,12 +161,12 @@ export default {
       }
     }
 
-    .content {
+    .task-content {
       display: flex;
       justify-content: space-between;
       align-items: center;
-      font-size: 12px;
-      color: #797979;
+      font-size: 14px;
+      color: #000000;
 
       .title {
         overflow: hidden;
@@ -174,6 +175,7 @@ export default {
         flex: 2;
         margin: 5px 0;
         text-align: left;
+        font-size: 14px;
       }
     }
   }