feat: 通讯录入口开发

public/index.html

@@ -19,10 +19,7 @@
         Please enable it to continue.</strong>
   </noscript>
   <div id="app"></div>
-  <script src="//at.alicdn.com/t/font_2711356_z7a5bkk51lm.js"></script>
-  <!-- built files will be auto injected -->
-  <!-- <script src="//at.alicdn.com/t/font_2711356_k19r0hh1f4.js"></script> -->
-  <script src="//at.alicdn.com/t/font_2711356_53bl5jmwu2e.js"></script>
+  <script src="//at.alicdn.com/t/font_2711356_gdvpx094klt.js"></script>
 </body>
 
 </html>
\ No newline at end of file

src/components/Mine/Service/index.vue

 <template>
-  <div class="h-12 bg-white flex justify-between items-center px-3 rounded-lg">
+  <div
+    class="h-12 bg-white flex justify-between items-center px-3 rounded-lg"
+    @click="$emit('click')"
+  >
     <div class="flex items-center">
-      <IconVue :name="iconName" color="#4E61C9" size="14" />
+      <div class="w-7 flex justify-center">
+        <IconVue :name="iconName" color="#4E61C9" :size="iconSize || '15'" />
+      </div>
       <span class="text-sm text-gray-800 ml-3">{{ label }}</span>
     </div>
     <IconVue name="icon-gengduo" color="#8E92A3" size="14" />
@@ -13,6 +18,7 @@ import { defineComponent } from "vue";
 import IconVue from "@/components/common/Icon.vue";
 
 export default defineComponent({
+  emits: ["click"],
   components: {
     IconVue,
   },
@@ -21,6 +27,7 @@ export default defineComponent({
       type: String,
       default: "",
     },
+    iconSize: String,
     label: {
       type: String,
       default: "",

src/components/NavBar/index.vue

@@ -31,6 +31,9 @@
           @click="$router.push(path)"
           :color="iconColor"
         />
+        <div class="absolute right-0">
+          <slot name="right"> </slot>
+        </div>
         <div
           class="title whitespace-nowrap overflow-hidden overflow-ellipsis px-5"
         >

src/views/withMenu/ChatList/index.vue

 <template>
-  <Navbar :title="navBarTitle" :showBackIcon="false" />
+  <Navbar :title="navBarTitle" :showBackIcon="false">
+    <template #right>
+      <Icon name="icon-tongxunlu2" size="17" color="#4e61c9"></Icon>
+    </template>
+  </Navbar>
   <div class="mx-5">
     <div
       v-for="(item, index) in cardList"
@@ -65,6 +69,7 @@ import { eRole } from "@/types/roleType";
 import ChatMessageDB from "@/db/ChatMessageDB";
 import router from "@/router";
 import { getDisplayNames } from "@/utils/displayName";
+import Icon from "@/components/common/Icon.vue";
 
 const cardList = ref<(iChatListCard & { displayName?: string })[]>([]);
 const showList = ref<boolean[]>([]);

src/views/withMenu/Mine/index.vue

@@ -42,6 +42,12 @@
         label="关于我们"
         @click="$router.push('aboutUs')"
       />
+      <service
+        class="mt-2"
+        iconName="icon-tongxunlu"
+        iconSize="19"
+        label="通讯录"
+      />
     </div>
     <!-- 我的网点 -->
     <GroupTitle