Web/src/pages/home/notice.vue

@@ -0,0 +1,30 @@
+<template>
+  <a-card :bordered="false" title="通知">
+    <a href="#" slot="extra">更多</a>
+    <a-list :data-source="data" item-layout="horizontal">
+      <a-list-item slot="renderItem" slot-scope="item">
+        <a-list-item-meta :description="moment().format('YYYY-MM-DD HH:mm:ss')" :title="item.title">
+          <a-icon :style="{ fontSize: '18px' }" slot="avatar" theme="twoTone" type="message" />
+        </a-list-item-meta>
+      </a-list-item>
+    </a-list>
+  </a-card>
+</template>
+<script>
+import moment from 'moment';
+
+export default {
+  data() {
+    return {
+      data: [
+        { title: '关于2020年度房屋征收评估机构信用考核情况的通报' },
+        { title: '关于2020年度房屋征收评估机构信用考核情况的通报' },
+        { title: '关于2020年度房屋征收评估机构信用考核情况的通报' },
+      ],
+    };
+  },
+  methods: {
+    moment,
+  },
+};
+</script>