更新

src/layout/altai/index/law.vue

@@ -13,6 +13,7 @@
         <ul>
            <li v-for="(item,index) in lawList" :key="index">
             <a href="#">
+              <span class="dot"></span>
               <span>{{item.title}}</span>
               <span class="tt">{{item.time}}</span>
             </a>
@@ -67,16 +68,24 @@ a {
 ul {
   padding: 0;
   margin: 8px 20px;
-  list-style-position: inside;
 }
 li {
   padding: 3px 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;

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: 3px 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;