替换底部导航栏icon图标

src/components/oa-tabbar/index.vue

@@ -2,10 +2,12 @@
   <u-tabbar :value="tabbarValue" @change="tabbarChange" :fixed="true" :placeholder="true" :safeAreaInsetBottom="true" :border="true" :activeColor="proxy.$settingStore.themeColor.color">
     <u-tabbar-item :text="tab.text" v-for="(tab, index) in tabbarList" :key="index" :dot="tab.dot">
       <template #active-icon>
-        <image style="width: 24px; height: 24px" :src="proxy.$settingStore.themeColor.tabList[index]"></image>
+        <!-- <image style="width: 24px; height: 24px" :src="proxy.$settingStore.themeColor.tabList[index]"></image> -->
+        <text class="iconfont font20" :class="tab.iconClass" :style="{ color: proxy.$settingStore.themeColor.color }"></text>
       </template>
       <template #inactive-icon>
-        <image style="width: 24px; height: 24px" :src="tab.iconPath"></image>
+        <!-- <image style="width: 24px; height: 24px" :src="tab.iconPath"></image> -->
+        <text class="iconfont font20" :class="tab.iconClass" style="color: #7d7e80"></text>
       </template>
     </u-tabbar-item>
   </u-tabbar>

src/plugins/constData.plugins.js

@@ -67,7 +67,7 @@ let xunJianList = [
 let homeTabbar = [
 	{
 		pagePath: "/pages/index",
-		iconClass: "",
+		iconClass: "oaIcon-tab-home",
 		iconPath: "/static/images/tabBar/tab-home.png",
 		selectedIconPath: "/static/images/tabBar/tab-home-blue.png",
 		text: "工作台",
@@ -81,7 +81,7 @@ let homeTabbar = [
 	// },
 	{
 		pagePath: "/pages/info",
-		iconClass: "",
+		iconClass: "oaIcon-tab-info",
 		iconPath: "/static/images/tabBar/tab-info.png",
 		selectedIconPath: "/static/images/tabBar/tab-info-blue.png",
 		text: "消息",
@@ -89,7 +89,7 @@ let homeTabbar = [
 	},
 	{
 		pagePath: "/pages/mine",
-		iconClass: "",
+		iconClass: "oaIcon-tab-mine",
 		iconPath: "/static/images/tabBar/tab-my.png",
 		selectedIconPath: "/static/images/tabBar/tab-my-blue.png",
 		text: "我的",
@@ -101,7 +101,7 @@ let homeTabbar = [
 let projectTabbar = [
 	{
 		pagePath: "/pages/business/common/projectMange/record/index",
-		iconClass: "",
+		iconClass: "oaIcon-tab-reportRecord",
 		iconPath: "/static/images/tabBar/tab-home.png",
 		selectedIconPath: "/static/images/tabBar/tab-home-blue.png",
 		text: "报告记录",
@@ -109,7 +109,7 @@ let projectTabbar = [
 	},
 	{
 		pagePath: "/pages/business/common/projectMange/write/index",
-		iconClass: "",
+		iconClass: "oaIcon-tab-reportInsert",
 		iconPath: "/static/images/tabBar/tab-info.png",
 		selectedIconPath: "/static/images/tabBar/tab-info-blue.png",
 		text: "报告填写",
@@ -117,7 +117,7 @@ let projectTabbar = [
 	},
 	{
 		pagePath: "/pages/business/common/projectMange/list/index",
-		iconClass: "",
+		iconClass: "oaIcon-tab-projectsList",
 		iconPath: "/static/images/tabBar/tab-my.png",
 		selectedIconPath: "/static/images/tabBar/tab-my-blue.png",
 		text: "项目列表",

src/static/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4510027 */
-  src: url('https://at.alicdn.com/t/c/font_4510027_fufaukfu73k.woff2?t=1713430193630') format('woff2'),
-       url('https://at.alicdn.com/t/c/font_4510027_fufaukfu73k.woff?t=1713430193630') format('woff'),
-       url('https://at.alicdn.com/t/c/font_4510027_fufaukfu73k.ttf?t=1713430193630') format('truetype');
+  src: url('https://at.alicdn.com/t/c/font_4510027_p1rynf6nken.woff2?t=1723634694993') format('woff2'),
+       url('https://at.alicdn.com/t/c/font_4510027_p1rynf6nken.woff?t=1723634694993') format('woff'),
+       url('https://at.alicdn.com/t/c/font_4510027_p1rynf6nken.ttf?t=1723634694993') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,38 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.oaIcon-tab-home:before {
+  content: "\e60e";
+}
+
+.oaIcon-tab-info:before {
+  content: "\e610";
+}
+
+.oaIcon-tab-mine:before {
+  content: "\e613";
+}
+
+.oaIcon-tab-projectsList:before {
+  content: "\e61c";
+}
+
+.oaIcon-tab-reportInsert:before {
+  content: "\e61e";
+}
+
+.oaIcon-tab-reportRecord:before {
+  content: "\e622";
+}
+
+.oaIcon-zhiwen1:before {
+  content: "\e60b";
+}
+
+.oaIcon-bianji1:before {
+  content: "\e60d";
+}
+
 .oaIcon-qinglihuancun:before {
   content: "\e623";
 }