commit

src/pages/home2/components/todoList/index.vue

@@ -1,14 +1,16 @@
 <!-- 待办任务 -->
 <template>
   <div class="to-do-list">
-    <div>
-      <span class="task">待办任务</span>
-      <div class="more" @click="togo">更多</div>
+    <div style="border-bottom: 2px solid #f4f4f4">
+      <span class="task">
+        <i class="el-icon-s-goods"></i> 待办任务
+      </span>
+      <div class="more" @click="togo">更多 ⋙</div>
     </div>
     <ul>
       <li v-for="item in toDoTaskList" :key="item.id" class="time-title">
          <div style="height: 18px">
-           <a style="color: #333333" @click="dealWith(item)">{{ item.prcName }}</a>
+           <span @click="dealWith(item)">{{ item.prcName }}</span>
          </div>
       </li>
     </ul>
@@ -646,34 +648,40 @@ export default {
 <style lang="less" scoped>
 .to-do-list {
   border-radius: 3px;
-  //flex: 1;
-  height: calc(~'100% - 300px');
+  height: calc(~'100% - 310px');
   overflow: hidden;
   background: #FFFFFF;
   .task {
     display: inline-block;
     margin: 15px;
     color: #333333;
-    font-size: 18px;
+    font-size: 16px;
+    font-weight: bold;
   }
   .more {
     float: right;
-    color: #333333;
+    color: #5ea9f6;
     margin: 15px 15px;
     &:hover {
       color: #5ea9f6;
       cursor: pointer;
     }
   }
+  ul {
+    height: calc(~'100% - 50px');
+    overflow-y: auto;
+  }
+  ul::-webkit-scrollbar {
+    display: none;
+  }
   .time-title {
     margin: 15px;
     border-bottom: 1px dashed #cccccc;
-  }
-  a {
-    color: #333333;
-    &:hover {
-      color: #e9c851;
-      text-decoration: underline;
+    span {
+      cursor: pointer;
+    }
+    span:hover {
+      color: #5ea9f6;
     }
   }
 }