|
@@ -11,10 +11,11 @@
|
|
|
</el-link>
|
|
|
</el-col>
|
|
|
<ul>
|
|
|
- <li v-for="(item,index) in noticeList" :key="index">
|
|
|
+ <li v-for="(item, index) in noticeList" :key="index">
|
|
|
<a href="#">
|
|
|
- <span>{{item.title}}</span>
|
|
|
- <span class="tt">{{item.time}}</span>
|
|
|
+ <span class="dot"></span>
|
|
|
+ <span>{{ item.title }}</span>
|
|
|
+ <span class="tt">{{ item.time }}</span>
|
|
|
</a>
|
|
|
</li>
|
|
|
</ul>
|
|
@@ -27,7 +28,7 @@
|
|
|
export default {
|
|
|
name: 'notice',
|
|
|
props: {
|
|
|
- noticeList:null,
|
|
|
+ noticeList: null,
|
|
|
},
|
|
|
components: {},
|
|
|
data: () => ({
|
|
@@ -67,16 +68,24 @@ a {
|
|
|
ul {
|
|
|
padding: 0;
|
|
|
margin: 8px 20px;
|
|
|
- list-style-position: inside;
|
|
|
}
|
|
|
li {
|
|
|
padding: 5px 0;
|
|
|
color: #95a3c0;
|
|
|
+ list-style-type: none;
|
|
|
}
|
|
|
li a {
|
|
|
font-size: 14px;
|
|
|
color: #60626e;
|
|
|
}
|
|
|
+.dot {
|
|
|
+ display: inline-block;
|
|
|
+ width: 5px;
|
|
|
+ height: 5px;
|
|
|
+ margin: 0 10px 6px 0;
|
|
|
+ background-color: #95a3c0;
|
|
|
+ border-radius: 90px;
|
|
|
+}
|
|
|
.tt {
|
|
|
color: #abaab8;
|
|
|
float: right;
|