通讯录=>电话簿

src/saas/AppMailList/AppMailList.vue

@@ -7,7 +7,7 @@
       <u-index-list :scrollTop="scrollTop" :index-list="indexList">
         <div v-for="(letter, index) in indexList" :key="index">
           <u-index-anchor :index="letter"/>
-          <div class="item" v-for="(item, index) in list.filter(e=>e.nameInitials==letter)">
+          <div class="item" v-for="(item, index) in list.filter(e=>e.nameInitials==letter)" :key="index">
             <div class="title">{{item.label}}</div>
             <div class="phone-list">
               <div class="item-info">
@@ -34,7 +34,7 @@
 import { mapState } from 'vuex'
 export default {
   name: "AppMailList",
-  appName: "便民通讯录",
+  appName: "电话簿",
   inject: {
     root: {}
   },
@@ -54,7 +54,7 @@ export default {
     })
   },
   onShow() {
-    document.title = "通讯录"
+    document.title = "电话簿"
   },
 
   methods: {
@@ -125,7 +125,7 @@ export default {
         width: 680px;
         padding: 32px 48px;
         box-sizing: border-box;
-        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.02);
+        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.02);
         p{
           font-size: 32px;
           font-family: PingFangSC-Medium, PingFang SC;
@@ -135,7 +135,6 @@ export default {
           word-break: break-all;
           margin-bottom: 8px;
           width: 100%;
-          word-break: break-all;
         }
         .phone{
           font-size: 26px;
@@ -159,7 +158,7 @@ export default {
     height: 112px;
     line-height: 112px;
     background: #3975C6;
-    box-shadow: 0px 1px 0px 0px #EEEEEE;
+    box-shadow: 0 1px 0 0 #EEEEEE;
     position: fixed;
     bottom: 0;
     left: 0;
@@ -179,7 +178,7 @@ export default {
     position: absolute;
     top: 60px;
     right: 64px;
-  } 
+  }
 
   ::v-deep .u-search{
     margin-bottom: 0!important;
@@ -198,4 +197,4 @@ export default {
     display: flex;
   }
 }
-</style>
+</style>

src/saas/AppMailList/myAddList.vue

@@ -16,7 +16,7 @@
     </div>
     <div class="empty" v-else>
       <img src="./img/empty.png" alt="">
-      <p>您还未添加通讯录
+      <p>您还未添加电话簿
         <!-- <br/>点击<span @click="edit('')">新增按钮</span>试试吧 -->
       </p>
     </div>
@@ -152,7 +152,7 @@ export default {
     height: 112px;
     line-height: 112px;
     background: #3975C6;
-    box-shadow: 0px 1px 0px 0px #EEEEEE;
+    box-shadow: 0 1px 0 0 #EEEEEE;
     position: fixed;
     bottom: 0;
     left: 0;