xiejiacheng 5 years ago
parent
commit
20fe9aad7b
2 changed files with 22 additions and 5 deletions
  1. 8 0
      src/layout/altai/index/law.vue
  2. 14 5
      src/layout/altai/index/notice.vue

+ 8 - 0
src/layout/altai/index/law.vue

@@ -85,6 +85,14 @@ 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;

+ 14 - 5
src/layout/altai/index/notice.vue

@@ -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;