1

miniprogram/pages/reportRepair/assign/record/record.js

@@ -21,6 +21,34 @@ Page({
      * 页面的初始数据
      */
     data: {
+        // tabBar param
+        tabBarParam: {
+            selected: 0,
+            color: "#515151",
+            selectedColor: "#217CFF",
+            backgroundColor: "#ffffff",
+        },
+        // tabBar menu
+        tabBarList: [{
+                "pagePath": "/pages/index/index",
+                "iconPath": "/images/tabbar/home.png",
+                "selectedIconPath": "/images/tabbar/home-select.png",
+                "text": "首页"
+            },
+            {
+                "pagePath": "/pages/reportRepair/report/report",
+                "iconPath": "/images/tabbar/center.png",
+                "selectedIconPath": "/images/tabbar/center.png",
+                "text": "报修",
+                "bulge": true,
+            },
+            {
+                "pagePath": "/pages/my/my",
+                "iconPath": "/images/tabbar/my.png",
+                "selectedIconPath": "/images/tabbar/my-select.png",
+                "text": "我的"
+            },
+        ],
         IMG_NAME: app.IMG_NAME,
         userData: null,
         dataChange: false,

miniprogram/pages/reportRepair/assign/record/record.wxml

@@ -120,6 +120,15 @@
         </van-tab>
     </van-tabs>
 
+    <!-- tabBar -->
+    <view class="tab-bar">
+        <view wx:for="{{tabBarList}}" wx:key="index" class="tab-bar-item {{item.bulge?'bulge':''}}" data-path="{{item.pagePath}}" data-index="{{index}}" bindtap="switchTab">
+            <view wx:if="item.bulge" class="tab-bar-bulge"></view>
+            <image class="image" src="{{tabBarParam.selected === index ? item.selectedIconPath : item.iconPath}}"></image>
+            <view class="tab-bar-view" style="color: {{tabBarParam.selected === index ? tabBarParam.selectedColor : tabBarParam.color}}">{{item.text}}</view>
+        </view>
+    </view>
+
     <!-- 提示框 -->
     <van-dialog id="van-dialog" />
     <!-- 提示框 -->

miniprogram/pages/reportRepair/assign/record/record.wxss

@@ -1,6 +1,9 @@
+@import "../../../../tabBar.wxss";
+
 .containerView.public {
     background: none;
     height: auto;
+    padding-bottom: 300rpx;
 }
 
 .itemView {

miniprogram/pages/reportRepair/query/record/record.js

@@ -14,6 +14,34 @@ Page({
      * 页面的初始数据
      */
     data: {
+        // tabBar param
+        tabBarParam: {
+            selected: 0,
+            color: "#515151",
+            selectedColor: "#217CFF",
+            backgroundColor: "#ffffff",
+        },
+        // tabBar menu
+        tabBarList: [{
+                "pagePath": "/pages/index/index",
+                "iconPath": "/images/tabbar/home.png",
+                "selectedIconPath": "/images/tabbar/home-select.png",
+                "text": "首页"
+            },
+            {
+                "pagePath": "/pages/reportRepair/report/report",
+                "iconPath": "/images/tabbar/center.png",
+                "selectedIconPath": "/images/tabbar/center.png",
+                "text": "报修",
+                "bulge": true,
+            },
+            {
+                "pagePath": "/pages/my/my",
+                "iconPath": "/images/tabbar/my.png",
+                "selectedIconPath": "/images/tabbar/my-select.png",
+                "text": "我的"
+            },
+        ],
         IMG_NAME: app.IMG_NAME,
         userData: null,
         dataChange: false,

miniprogram/pages/reportRepair/query/record/record.wxml

@@ -104,6 +104,16 @@
         </van-tab>
     </van-tabs>
 
+
+     <!-- tabBar -->
+     <view class="tab-bar">
+        <view wx:for="{{tabBarList}}" wx:key="index" class="tab-bar-item {{item.bulge?'bulge':''}}" data-path="{{item.pagePath}}" data-index="{{index}}" bindtap="switchTab">
+            <view wx:if="item.bulge" class="tab-bar-bulge"></view>
+            <image class="image" src="{{tabBarParam.selected === index ? item.selectedIconPath : item.iconPath}}"></image>
+            <view class="tab-bar-view" style="color: {{tabBarParam.selected === index ? tabBarParam.selectedColor : tabBarParam.color}}">{{item.text}}</view>
+        </view>
+    </view>
+
     <!-- 提示框 -->
     <van-dialog id="van-dialog" />
     <!-- 提示框 -->

miniprogram/pages/reportRepair/query/record/record.wxss

@@ -1,6 +1,9 @@
+@import "../../../../tabBar.wxss";
+
 .containerView.public {
     background: none;
     height: auto;
+    padding-bottom: 300rpx;
 }
 
 .itemView {

miniprogram/pages/reportRepair/repair/index/index.js

@@ -18,6 +18,34 @@ Page({
      * 页面的初始数据
      */
     data: {
+          // tabBar param
+          tabBarParam: {
+            selected: 0,
+            color: "#515151",
+            selectedColor: "#217CFF",
+            backgroundColor: "#ffffff",
+        },
+        // tabBar menu
+        tabBarList: [{
+                "pagePath": "/pages/index/index",
+                "iconPath": "/images/tabbar/home.png",
+                "selectedIconPath": "/images/tabbar/home-select.png",
+                "text": "首页"
+            },
+            {
+                "pagePath": "/pages/reportRepair/report/report",
+                "iconPath": "/images/tabbar/center.png",
+                "selectedIconPath": "/images/tabbar/center.png",
+                "text": "报修",
+                "bulge": true,
+            },
+            {
+                "pagePath": "/pages/my/my",
+                "iconPath": "/images/tabbar/my.png",
+                "selectedIconPath": "/images/tabbar/my-select.png",
+                "text": "我的"
+            },
+        ],
         IMG_NAME: app.IMG_NAME,
         workerNumber: {},
         tabTitle: 'wait', // tab 标题

miniprogram/pages/reportRepair/repair/index/index.wxml

@@ -72,4 +72,13 @@
         </view>
     </view>
 
+     <!-- tabBar -->
+     <view class="tab-bar">
+        <view wx:for="{{tabBarList}}" wx:key="index" class="tab-bar-item {{item.bulge?'bulge':''}}" data-path="{{item.pagePath}}" data-index="{{index}}" bindtap="switchTab">
+            <view wx:if="item.bulge" class="tab-bar-bulge"></view>
+            <image class="image" src="{{tabBarParam.selected === index ? item.selectedIconPath : item.iconPath}}"></image>
+            <view class="tab-bar-view" style="color: {{tabBarParam.selected === index ? tabBarParam.selectedColor : tabBarParam.color}}">{{item.text}}</view>
+        </view>
+    </view>
+
 </view>

miniprogram/pages/reportRepair/repair/index/index.wxss

@@ -1,6 +1,9 @@
+@import "../../../../tabBar.wxss";
+
 .containerView.public {
     background: none;
     height: auto;
+    padding-bottom: 300rpx;
 }
 
 .elHidden {