components/tabBar/index.vue

@@ -1,104 +1,8 @@
 <template>
-  <up-tabbar :value="value4" @change="toRoute" :fixed="true" :placeholder="true" activeColor="#4a7bb5" :safeAreaInsetBottom="true" :border="false">
-    <up-tabbar-item style="border-top: 1rpx solid #e4e4e4" text="首页">
-      <template #active-icon>
-        <image src="../../static/tabbar/clickone.png" style="width: 1.5rem; height: 1.5rem"></image>
-      </template>
-      <template #inactive-icon>
-        <image src="../../static/tabbar/one.png" style="width: 1.5rem; height: 1.5rem"></image>
-      </template>
-    </up-tabbar-item>
-    <up-tabbar-item style="border-top: 1rpx solid #e4e4e4" text="网版进度">
-      <template #active-icon>
-        <image src="../../static/tabbar/clicktow.png" style="width: 1.5rem; height: 1.5rem"></image>
-      </template>
-      <template #inactive-icon>
-        <image src="../../static/tabbar/tow.png" style="width: 1.5rem; height: 1.5rem"></image>
-      </template>
-    </up-tabbar-item>
-    <up-tabbar-item style="margin-top: -1.2rem; border-top: 4rpx solid #e4e4e4; border-radius: 50%; padding-top: 0.7rem" text="扫一扫">
-      <template #active-icon>
-        <image src="../../static/tabbar/three.png" style="width: 2.5rem; height: 2.5rem"></image>
-      </template>
-      <template #inactive-icon>
-        <image src="../../static/tabbar/three.png" style="width: 2.5rem; height: 2.5rem"></image>
-      </template>
-    </up-tabbar-item>
-    <up-tabbar-item style="border-top: 1rpx solid #e4e4e4" text="服务网点">
-      <template #active-icon>
-        <image src="../../static/tabbar/clickforu.png" style="width: 1.5rem; height: 1.5rem"></image>
-      </template>
-      <template #inactive-icon>
-        <image src="../../static/tabbar/foru.png" style="width: 1.5rem; height: 1.5rem"></image>
-      </template>
-    </up-tabbar-item>
-    <up-tabbar-item style="border-top: 1rpx solid #e4e4e4" text="我的">
-      <template #active-icon>
-        <image src="../../static/tabbar/yonghu_1.png" style="width: 1.5rem; height: 1.5rem"></image>
-      </template>
-      <template #inactive-icon>
-        <image src="../../static/tabbar/yonghu_1.png" style="width: 1.5rem; height: 1.5rem"></image>
-      </template>
-    </up-tabbar-item>
-  </up-tabbar>
 </template>
 
-<script setup>
+<script>
-import { ref } from 'vue';
-const value4 = ref(0);
-uni.getStorage({
-  key: 'value',
-  success(data) {
-    value4.value = data.data;
-  }
-});
-const toRoute = (index) => {
-  if (index == 0) {
-    uni.navigateTo({
-      url: '/pages/index/index'
-    });
-    uni.setStorage({
-      key: 'value',
-      data: index
-    });
-  }
-  if (index == 1) {
-    uni.navigateTo({
-      url: '/pages/schedule/index'
-    });
-    uni.setStorage({
-      key: 'value',
-      data: index
-    });
-  }
-  if (index == 2) {
-    // uni.navigateTo({
-    //   url: '/pages/index/index'
-    // });
-    // uni.setStorage({
-    //   key: 'value',
-    //   data: index
-    // });
-  }
-  if (index == 3) {
-    uni.navigateTo({
-      url: '/pages/serve/index'
-    });
-    uni.setStorage({
-      key: 'value',
-      data: index
-    });
-  }
-  if (index == 4) {
-    uni.navigateTo({
-      url: '/pages/my/index'
-    });
-    uni.setStorage({
-      key: 'value',
-      data: index
-    });
-  }
-};
 </script>
 
-<style lang="scss"></style>
+<style>
+</style>

pages.json

@@ -61,5 +61,24 @@
     "navigationBarBackgroundColor": "#F8F8F8",
     "backgroundColor": "#F8F8F8"
   },
-  "uniIdRouter": {}
+  "uniIdRouter": {},
+  "tabBar": {
+    "list": [{
+        "pagePath": "pages/index/index",
+        "text": "首页"
+      },
+      {
+        "pagePath": "pages/schedule/index",
+        "text": "网办进度"
+      },
+      {
+        "pagePath": "pages/serve/index",
+        "text": "服务网点"
+      },
+      {
+        "pagePath": "pages/my/index",
+        "text": "我的"
+      }
+    ]
+  }
 }

pages/index/index.vue

@@ -112,12 +112,16 @@
 </template>
 
 <script setup>
-import TabBar from '@/components/tabBar/index.vue';
+	import {
-import { ref } from 'vue';
+		ref
-const { safeAreaInsets } = uni.getSystemInfoSync();
+	} from 'vue';
-const dotStyle = ref({});
+	const {
-const businessList = ref([
+		safeAreaInsets
-  {
+	} = uni.getSystemInfoSync();
+	const dotStyle = ref({
+
+	})
+	const businessList = ref([{
 			img: '../../static/6w1.png',
 			text: '事故视频\n快处',
 			id: '1'
@@ -168,8 +172,7 @@ const businessList = ref([
 			id: '10'
 		}
 	]);
-const info = [
+	const info = [{
-  {
 			Image: '../../static/wq.png',
 			content: '公安部8项公安交管便民利企改革新措施解读'
 		},
@@ -368,6 +371,6 @@ const closedclick = (id) => {
 	.kefu{
 		position: absolute;
 		right: 20rpx;
-  bottom: 120rpx;
+		bottom: 40rpx;
 	}
 </style>

pages/my/index.vue

@@ -34,13 +34,11 @@
       </view>
       <view style="width: 92%; border-bottom: 1rpx solid #e2e2e2; margin-left: 8%"></view>
     </view>
-    <TabBar />
   </view>
 </template>
 
 <script setup>
 import { ref } from 'vue';
-import TabBar from '@/components/tabBar/index.vue';
 const serve = ref([
   {
     text: '实人认证',

pages/schedule/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view style="background-color: #fff; height: 88vh; display: flow-root">
+  <view style="background-color: #f5f9fa; height: 88vh; display: flow-root">
     <view class="select">
       <view style="margin-left: 1rem; font-weight: 700">以下数据来自</view>
       <view class="icon">
@@ -41,13 +41,11 @@
         </view>
       </view>
     </view>
-    <TabBar />
   </view>
 </template>
 
 <script setup>
 import { onMounted, ref, getCurrentInstance, computed } from 'vue';
-import TabBar from '@/components/tabBar/index.vue';
 const feedTabs = ref([
   { label: '受理中', rendered: true },
   { label: '已办结', rendered: false },

pages/serve/index.vue

@@ -1,11 +1,15 @@
 <template>
-  <view class="">
+  <up-tabbar :value="value4" @change="(name) => (value4 = name)" :fixed="false" :placeholder="false" activeColor="#d81e06" :safeAreaInsetBottom="false">
-    <TabBar />
+    <up-tabbar-item text="首页">
-  </view>
+      <template #active-icon></template>
+      <template #inactive-icon></template>
+    </up-tabbar-item>
+    <up-tabbar-item text="放映厅" icon="photo"></up-tabbar-item>
+    <up-tabbar-item text="直播" icon="play-right"></up-tabbar-item>
+    <up-tabbar-item text="我的" icon="account"></up-tabbar-item>
+  </up-tabbar>
 </template>
 
-<script setup>
+<script setup></script>
-import TabBar from '@/components/tabBar/index.vue';
-</script>
 
-<style></style>
+<style lang="scss"></style>