tabbar

assets/iconfont/iconfont.wxss

@@ -1,8 +1,8 @@
 @font-face {
-  font-family: 'iconfont';  /* Project id 2708790 */
+  font-family: "iconfont"; /* Project id 2708790 */
-  src: url('//at.alicdn.com/t/c/font_2708790_qvphqofg7ek.woff2?t=1741660802324') format('woff2'),
+  src: url('//at.alicdn.com/t/c/font_2708790_7twwjw4z4wo.woff2?t=1743143857638') format('woff2'),
-       url('//at.alicdn.com/t/c/font_2708790_qvphqofg7ek.woff?t=1741660802324') format('woff'),
+       url('//at.alicdn.com/t/c/font_2708790_7twwjw4z4wo.woff?t=1743143857638') format('woff'),
-       url('//at.alicdn.com/t/c/font_2708790_qvphqofg7ek.ttf?t=1741660802324') format('truetype');
+       url('//at.alicdn.com/t/c/font_2708790_7twwjw4z4wo.ttf?t=1743143857638') format('truetype');
 }
 
 .iconfont {
@@ -769,6 +769,18 @@
   content: "\e859";
 }
 
+.icon-chuangjianren-trans:before {
+  content: "\100c6";
+}
+
+.icon-guanliyuan-trans:before {
+  content: "\100c7";
+}
+
+.icon-chengyuan-trans:before {
+  content: "\100c8";
+}
+
 .icon-biyan1:before {
   content: "\e713";
 }
@@ -1520,4 +1532,3 @@
 .icon-xiayiye1:before {
   content: "\e695";
 }
-

custom-tab-bar/index.js

@@ -1,59 +1,104 @@
 const app = getApp();
 Component({
   data: {
-    isShow: false,
+    isShow: true,
     toTop: false,
     selected: 0,
-    color: "#666",
+    color: "#888",
-    selectedColor: "#1890ff",
+    selectedColor:  "#3578f6",
+    appId: app.globalData.appId,
     list: [
       {
-        iconPath: "../assets/images/tabbar/home_active.svg",
+        "iconPath": "icon-home",
-        selectedIconPath: "../assets/images/tabbar/home.svg",
+        // "selectedIconPath": "/static/image/tabbar/home.svg",
-        pagePath: "/pages/firstBill/index",
+        "pagePath": "/pages/firstBill/index",
-        text: "首页",
+        "text": "首页",
-        index: 0,
+        "index": 0
       },
       {
-        "iconPath": "../assets/images/tabbar/order_active.svg",
+        iconPath: "icon-order_active",
-        "selectedIconPath": "../assets/images/tabbar/order.svg",
+        text: '工单',
-        "pagePath": "/pages/myBill/index",
+        "index": 3,
-        "text": "工单",
+        pagePath: "/pages/myBill/index",
-        index: 1,
       },
+      // {
+
+      //   "iconPath": "/static/image/tabbar/chat.svg",
+      //   "selectedIconPath": "/static/image/tabbar/chat.svg",
+      //   "pagePath": "/pages/ai/index",
+      //   "text": "AI",
+      //   "index": 2
+      // },
       {
-        "iconPath": "../assets/images/tabbar/message_active.svg",
+        "iconPath": "icon-message",
-        "selectedIconPath": "../assets/images/tabbar/message.svg",
+        // "iconPath": "/static/image/tabbar/message_active.svg",
+        // "selectedIconPath": "/static/image/tabbar/message.svg",
         "pagePath": "/pages/message/index",
         "text": "消息",
-        index: 2,
+        "index": 1
       },
       {
-        iconPath: "../assets/images/tabbar/unit_active.svg",
+        "iconPath": "icon-appstore",
-        selectedIconPath: "../assets/images/tabbar/unit.svg",
+        // "iconPath": "/static/image/tabbar/message_active.svg",
-        pagePath: "/pages/workBench/index",
+        // "selectedIconPath": "/static/image/tabbar/message.svg",
-        text: "工作台",
+        "pagePath": "/pages/workBench/index",
-        index: 3,
+        "text": "工作台",
+        "index": 4
       },
       
-      
       {
-        iconPath: "../assets/images/tabbar/user_active.svg",
+        "iconPath": "icon-user",
-        selectedIconPath: "../assets/images/tabbar/user.svg",
+        // "iconPath": "/static/image/tabbar/user_active.svg",
-        pagePath: "/pages/mine/index",
+        // "selectedIconPath": "/static/image/tabbar/user.svg",
-        text: "我的",
+        "pagePath": "/pages/mine/index",
-        index: 4,
+        "text": "我的",
-      },
+        "index": 2
-    ],
+      }
+    ]
   },
   lifetimes: {
     show: function () {
       // 页面被展示
       console.log("tabbar show");
+      console.log('this.data.appid', this.data.appId);
+      if (this.data.appId == 'wxb0c590fd696b79be') {
+        console.log('');
+        // this.data.list = [
+        //   {
+        //     "iconPath": "/static/image/nav_home_normal.png",
+        //     "selectedIconPath": "/static/image/nav_home_selected_lao.png",
+        //     "pagePath": "/pages/home/index",
+        //     "text": "首页",
+        //     "index": 0
+        //   },
+        //   // {
+        //   //   "iconPath": "/static/image/chat.png",
+        //   //   "selectedIconPath": "/static/image/chat.png",
+        //   //   "pagePath": "/pages/ai/index",
+        //   //   "text": "AI",
+        //   //   "index": 2
+        //   // },
+        //   {
+        //     "iconPath": "/static/image/xx.png",
+        //     "selectedIconPath": "/static/image/xx1_lao.png",
+        //     "pagePath": "/pages/message/index",
+        //     "text": "消息",
+        //     "index":1
+        //   },
+        //   {
+        //     "iconPath": "/static/image/nav_my_normal.png",
+        //     "selectedIconPath": "/static/image/nav_my_selected_lao.png",
+        //     "pagePath": "/pages/person/index",
+        //     "text": "我的",
+        //     "index": 2
+        //   }
+        // ]
+      }
     },
     attached: function () {
       // 在组件实例进入页面节点树时执行
       console.log("tabbar attached");
+
     },
     detached: function () {
       // 在组件实例被从页面节点树移除时执行
@@ -61,27 +106,11 @@ Component({
   },
   methods: {
     switchTab (e) {
-      console.log('e',e)
       const data = e.currentTarget.dataset;
       const url = data.path;
-      wx.vibrateShort({
-        type: "heavy",
-        success: function (e) {
-          console.log(e);
-        },
-      });
 
-      if (data.index == 0 && this.data.selected == 0) {
+      // if (!wx.getStorageSync("apply-userinfo")) {
-        if (this.data.toTop) {
+      //   if (data.index == 2) {
-          app.globalData.toTop = 1;
-
-        } else {
-          app.globalData.refresh = 1
-        }
-      }
-
-      // if (!app.globalData.isLogin) {
-      // 	if (data.index == 1) {
       //     wx.navigateTo({
       //       url: "/pages/login/index",
       //     });
@@ -89,23 +118,18 @@ Component({
       //   }
       // }
       //  else {
-      // 	if (data.index == 1) {
+      //   if (data.index == 2) {
-      // 		if (app.globalData.loginUserInfo.agencyStatus != 1) {
       //     wx.navigateTo({
-      // 				url: "/pages/tobeAgency/index",
+      //       url: "/pages/message/child/chat",
       //     });
-      // 		} else {
-      // 			wx.navigateTo({
-      // 				url,
-      // 			});
-      // 			// wx.redirectTo({});
-      // 		}
       //     return;
       //   }
       // }
       // this.setData({
-      // 	selected: data.index,
+      //   selected: data.index
-      // });
+      // })
+      // this.data.selected = data.index 
+      console.log('--', url)
       wx.switchTab({ url });
     },
     touchMove () {

custom-tab-bar/index.wxml

@@ -1,12 +1,15 @@
 <view class="tab-bar" wx:if="{{isShow}}" catchtouchmove="touchMove">
   <view class="tab-bar-border"></view>
   <view wx:for="{{list}}" wx:key="index" class="tab-bar-item biggerSize2" data-path="{{item.pagePath}}" data-index="{{index}}" bindtap="switchTab">
-      <!-- <view class="middle tac" wx:if="{{index === 1}}" hover-class="none" hover-stop-propagation="false">
+    <!-- <view class="middle tac" wx:if="{{index === 2}}" hover-class="none" hover-stop-propagation="false">
       <image class="tabImg" src="{{item.selectedIconPath}}" />
     </view>-->
-      <view class='tabImg-box'  hover-class="none" hover-stop-propagation="false">
+    <!-- wx:else -->
-        <image class="tabImg" style="visibility:{{selected === item.index ? 'visiable':'hidden'}}" src="{{item.selectedIconPath}}" />
+    <view class hover-class="none" hover-stop-propagation="false">
-        <image class="tabImg " style="visibility:{{selected === item.index ? 'hidden':'visiable'}}" src="{{item.iconPath}}" />
+      <!-- <image class="tabImg" style="visibility:{{selected === item.index ? 'visiable':'hidden'}}" src="{{item.selectedIconPath}}" />
+      <image class="tabImg " style="visibility:{{selected === item.index ? 'hidden':'visiable'}}" src="{{item.iconPath}}" />-->
+      <i class="tabImg iconfont {{item.iconPath}}" style="color: {{selected === item.index ? selectedColor : color }}" />
+      <!-- <image class="tabImg" style="visibility:{{selected === item.index ? 'hidden':'visiable'}}" src="{{item.iconPath}}" /> -->
       <view class="tabText" style="color: {{selected === item.index ? selectedColor : color}}">{{item.text}}</view>
     </view>
   </view>

custom-tab-bar/index.wxss

@@ -1,3 +1,42 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 4374774 */
+  src: url('//at.alicdn.com/t/c/font_4374774_ou401o3p3r.woff2?t=1743137313813') format('woff2'),
+       url('//at.alicdn.com/t/c/font_4374774_ou401o3p3r.woff?t=1743137313813') format('woff'),
+       url('//at.alicdn.com/t/c/font_4374774_ou401o3p3r.ttf?t=1743137313813') format('truetype');
+}
+.iconfont {
+	font-family: "iconfont" !important;
+	font-size: 16px;
+	font-style: normal;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+.icon-order_active:before {
+  content: "\e617";
+}
+
+.icon-appstore:before {
+  content: "\e792";
+}
+
+.icon-gongdanguanli:before {
+  content: "\e909";
+}
+
+.icon-home:before {
+	content: "\e7e1";
+}
+
+.icon-message:before {
+	content: "\e78a";
+}
+.icon-shop:before {
+	content: "\e7e5";
+}
+
+.icon-user:before {
+	content: "\e7ae";
+}
 .tab-bar {
 	position: fixed;
 	bottom: 0;
@@ -9,7 +48,10 @@
 	display: flex;
 	justify-content: space-between;
 	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.6);
-	padding-bottom: env(safe-area-inset-bottom);
+	/* padding-bottom: env(safe-area-inset-bottom); */
+	padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/
+	padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/
+	/* min-height: 72px; */
 }
 
 .tab-bar-border {
@@ -39,26 +81,13 @@
 .tabImg {
 	width: 26px;
 	height: 26px;
+	font-size: 24px;
 	position: absolute;
-	top: 7px;
+	top: 6px;
-}
+	fill: red;
-
-.tab-bar-item:nth-child(2) .tabImg{
-  width: 24px;
-  height: 24px;
 }
-.tab-bar-item:nth-child(3) .tabImg{
-  width: 28px;
-  height: 28px;
-}
-.tab-bar-item:nth-child(6) .tabImg{
-  width: 22px;
-  height: 22px;
-}
-
-
 .tabText {
-	margin-top: 36px;
+	margin-top: 34px;
 }
 .tab-bar-item view {
 	font-size: 10px;
@@ -78,8 +107,11 @@
 	background-color: #fff;
 }
 .middle image {
-	width: 80%;
+	width: 36px;
-	height: 80%;
+	height: 36px;
+}
+.middle .tabImg {
+	top: 13px;
 }
 .biggerSize2 {
 	position: relative;

pages/message/index.js

@@ -119,7 +119,7 @@ Page({
     if (typeof this.getTabBar === "function" && this.getTabBar()) {
       this.getTabBar().setData({
         isShow: true,
-        selected: 2,
+        selected: 1,
       });
     }
     setTimeout(() => {

pages/mine/index.js

@@ -179,7 +179,7 @@ Page({
 
     if (typeof this.getTabBar === "function" && this.getTabBar()) {
       this.getTabBar().setData({
-        selected: 4,
+        selected: 2,
         isShow: true
       });
     }

pages/myBill/index.js

@@ -130,7 +130,7 @@ Page({
     if (typeof this.getTabBar === "function" && this.getTabBar()) {
       this.getTabBar().setData({
         isShow: true,
-        selected: 1,
+        selected: 3,
       });
     }
     if (wx.getStorageSync('MYBILL_PAGE_CHANGE') || that.data.inputVal != "搜索姓名/手机号") {

pages/wodeBill/index.wxml

@@ -66,7 +66,7 @@
             <view class="f14 c9 wsn" hover-class="none" hover-stop-propagation="false">{{item.showTime}}</view>
           </view>
         </view>
-        <icon class="iconfont icon-gengduo1 c9 ml4" style type size="28" color></icon>
+        <icon class="iconfont icon-gengduo11 c9 ml4" style type size="28" color></icon>
       </view>
     </view>
     <view wx:if="{{!hasMoreData && !isLoading}}" class="f12 c9 tc p20">暂无更多数据</view>

pages/wodeBillDetail/index.wxml

@@ -106,7 +106,7 @@
               </view>
               <view class=" {{item.status == 20 ? 'cccc' : 'c3'}}">{{item.statusStr || '-'}}</view>
             </view>
-            <icon class="iconfont icon-gengduo1 c9 ml4" type size="28" color></icon>
+            <icon class="iconfont icon-gengduo11 c9 ml4" type size="28" color></icon>
           </view>
         </view> 
        
@@ -138,7 +138,7 @@
               </view>
               <view class=" {{item.status == 20 ? 'cccc' : 'c3'}}">{{item.statusStr || '-'}}</view>
             </view>
-            <icon class="iconfont icon-gengduo1 c9 ml4" type size="28" color></icon>
+            <icon class="iconfont icon-gengduo11 c9 ml4" type size="28" color></icon>
           </view>
         </view> 
         <!-- 站位的盒子 -->

pages/wodeBillDetail/index1.wxml

@@ -89,7 +89,7 @@
             <view class="pb4 ysd-base-color fw500">{{(item.salary  || '-') + '元'}}</view>
             <view class="f14 {{item.status == 1 ? 'cccc' : 'c3'}}">{{item.status == 10 ? '待确认' : '已确认'}}</view>
           </view>
-          <icon class="iconfont icon-gengduo1 c9 ml4" type="" size="28" color=""></icon>
+          <icon class="iconfont icon-gengduo11 c9 ml4" type="" size="28" color=""></icon>
         </view>
       </view>
       <view wx:if="{{!hasMoreData && !isLoading}}" class="f12 c9 tc p20">暂无更多数据</view>
@@ -114,7 +114,7 @@
             <view class="pb4 ysd-base-color fw500">{{(item.salary || '-') + '元'}}</view>
             <view class="f14 {{item.status == 1 ? 'cccc' : 'c3'}}">{{item.status == 10 ? '待确认' : '已确认'}}</view>
           </view>
-          <icon class="iconfont icon-gengduo1 c9 ml4" type="" size="28" color=""></icon>
+          <icon class="iconfont icon-gengduo11 c9 ml4" type="" size="28" color=""></icon>
         </view>
       </view>
     </block>

pages/workBench/index.js

@@ -34,7 +34,7 @@ Page({
     if (typeof this.getTabBar === "function" && this.getTabBar()) {
       this.getTabBar().setData({
         isShow: true,
-        selected: 3,
+        selected: 4,
       });
     }