福田开发

2021-05-26 11:05:40 +08:00
parent 4db7ae5888
commit e372b36ff5
12 changed files with 1122 additions and 275 deletions
@@ -0,0 +1,78 @@
+<!-- 待办任务 -->
+<template>
+  <div class="to-do-list">
+    <div>
+      <h3 class="task">待办任务</h3>
+      <span class="more">MORE</span>
+    </div>
+    <ul>
+      <li v-for="item in toDoTaskList" :key="item.id" class="time-title">
+        <a>{{ item.title }}</a>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ToDoList',
+  components: {},
+  mixins: [],
+  data() {
+    return {
+      toDoTaskList: [
+        {
+          id: 1,
+          title: '标准制定流程1',
+        },
+        {
+          id: 2,
+          title: '标准制定流程2',
+        },
+        {
+          id: 3,
+          title: '标准制定流程3',
+        },
+      ],
+    }
+  },
+  computed: {},
+  watch: {},
+  mounted() {},
+  methods: {},
+}
+</script>
+
+<style lang="less" scoped>
+.to-do-list {
+  flex: 1;
+  height: 100%;
+  overflow: hidden;
+  background: rgba(182, 213, 255, 0.22);
+  .task {
+    display: inline-block;
+    margin: 15px;
+    color: #FFFFFF;
+    font-size: 14px;
+  }
+  .more {
+    float: right;
+    color: #FFFFFF;
+    margin: 15px 15px;
+    &:hover {
+      color: red;
+      cursor: pointer;
+    }
+  }
+  .time-title {
+    margin: 15px;
+  }
+  a {
+    color: #ffffff;
+    &:hover {
+      color: #e9c851;
+      text-decoration: underline;
+    }
+  }
+}
+</style>