12

pages/contact/contactAdd/index.vue

@@ -12,6 +12,9 @@
 <script>
 	import CustomNavBar from "@/components/CustomNavBar/index.vue";
 	import ActionItem from "./ActionItem.vue";
+	import contact_add_search_user_img from "static/images/contact_add_search_user.png"
+	import contact_add_join_group_img from "static/images/contact_add_join_group.png"
+	import contact_add_create_group_img from "static/images/contact_add_create_group.png"
 	export default {
 		components: {
 			CustomNavBar,
@@ -24,13 +27,13 @@
 						idx: 0,
 						title: "创建群聊",
 						desc: "创建群聊，全面使用OpenIM",
-						icon: require("static/images/contact_add_create_group.png"),
+						icon: contact_add_create_group_img,
 					},
 					{
 						idx: 1,
 						title: "添加群聊",
 						desc: "向管理员或团队成员询问ID",
-						icon: require("static/images/contact_add_join_group.png"),
+						icon: rcontact_add_join_group_img,
 					},
 				],
 				friendActionMenus: [
@@ -38,7 +41,7 @@
 						idx: 0,
 						title: "添加好友",
 						desc: "通过手机号/ID号/搜索添加",
-						icon: require("static/images/contact_add_search_user.png"),
+						icon: contact_add_search_user_img,
 					},
 				],
 			};

pages/contact/index/components/ContactMenus.vue

@@ -30,6 +30,10 @@
 <script>
 	import {mapGetters} from "vuex";
 	import {ContactMenuTypes} from "@/constant";
+	import contact_new_friend_img from "@/static/images/contact_new_friend.png";
+	import contact_new_group_img from "@/static/images/contact_new_group.png";
+	import contact_my_friend_img from "@/static/images/contact_my_friend.png";
+	import contact_my_group_img from "@/static/images/contact_my_group.png";
 
 	export default {
 		name: "",
@@ -43,13 +47,13 @@
 						idx: 0,
 						type: ContactMenuTypes.NewFriend,
 						title: "新的好友",
-						icon: require("static/images/contact_new_friend.png"),
+						icon: contact_new_friend_img,
 					},
 					// {
 					// 	idx: 1,
 					// 	type: ContactMenuTypes.NewGroup,
 					// 	title: "新的群组",
-					// 	icon: require("static/images/contact_new_group.png"),
+					// 	icon: contact_new_group_img,
 					// },
 				];
 			},
@@ -59,14 +63,14 @@
 					// 	idx: 2,
 					// 	type: ContactMenuTypes.MyFriend,
 					// 	title: "我的好友",
-					// 	icon: require("static/images/contact_my_friend.png"),
+					// 	icon: contact_my_friend_img,
 					// 	badge: 0,
 					// },
 					{
 						idx: 3,
 						type: ContactMenuTypes.MyGroup,
 						title: "群聊",
-						icon: require("static/images/contact_my_group.png"),
+						icon: contact_my_group_img,
 						badge: 0,
 					},
 				];

pages/contact/switchJoinGroup/index.vue

@@ -24,6 +24,7 @@
 <script>
 import CustomNavBar from "@/components/CustomNavBar/index.vue";
 import ActionItem from "../contactAdd/ActionItem.vue";
+import switch_join_id_img from "@/static/images/switch_join_id.png";
 export default {
   components: {
     CustomNavBar,
@@ -36,7 +37,7 @@ export default {
           idx: 1,
           title: "群ID号加入",
           desc: "向管理员或团队成员询问ID",
-          icon: require("static/images/switch_join_id.png"),
+          icon: switch_join_id_img,
         },
       ],
     };