临时保存

.hbuilderx/launch.json

@@ -2,10 +2,15 @@
   // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
     "version": "0.0",
     "configurations": [{
-            "type": "uniCloud",
-            "default": {
-                "launchtype": "remote"
-            }
-        }
+     	"default" : 
+     	{
+     		"launchtype" : "remote"
+     	},
+     	"mp-weixin" : 
+     	{
+     		"launchtype" : "remote"
+     	},
+     	"type" : "uniCloud"
+     }
     ]
 }

App.vue

@@ -104,7 +104,13 @@ export default {
 
 <style lang="scss">
 @import "uview-ui/index.scss";
-
+@import url("./asset/font/iconfont.css");
+/* 0123456789首页订单我的暂无图片第天 */
+@font-face {
+  font-family: "nav-font";src: url("//at.alicdn.com/wf/webfont/MQHUV6e56ce5/uWqIjWPWlbHR.woff2") format("woff2"),
+  url("//at.alicdn.com/wf/webfont/MQHUV6e56ce5/uBscuKyX34mb.woff") format("woff");
+  font-display: swap;
+}
 // @font-face {
 //   font-family: "oswald";
 //   src: url("https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/smallapp/Oswald-Regular.ttf");

asset/font/iconfont.css

+@font-face {
+  font-family: "iconfont"; /* Project id 4020685 */
+  src: url('//at.alicdn.com/t/c/font_4020685_z6jm4lhdjzo.woff2?t=1695196671783') format('woff2'),
+       url('//at.alicdn.com/t/c/font_4020685_z6jm4lhdjzo.woff?t=1695196671783') format('woff'),
+       url('//at.alicdn.com/t/c/font_4020685_z6jm4lhdjzo.ttf?t=1695196671783') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-jiaotong:before {
+  content: "\e620";
+}
+
+.icon-huodong:before {
+  content: "\e60e";
+}
+
+.icon-canpinhui-xican:before {
+  content: "\e64e";
+}
+
+.icon-jiudian1:before {
+  content: "\e89b";
+}
+
+.icon-Arrowup:before {
+  content: "\e6c0";
+}
+
+.icon-weixinyunying:before {
+  content: "\e6b1";
+}
+
+.icon-a-dianhua1:before {
+  content: "\eb40";
+}
+
+.icon-clouddownload-fill:before {
+  content: "\e7d9";
+}
+
+.icon-yongcan:before {
+  content: "\e6a6";
+}
+
+.icon-shuijue:before {
+  content: "\e73d";
+}
+
+.icon-qizhi:before {
+  content: "\e627";
+}
+
+.icon-more:before {
+  content: "\e60a";
+}
+
+.icon--:before {
+  content: "\e602";
+}
+
+.icon--1:before {
+  content: "\e603";
+}
+
+.icon-arrow-down1:before {
+  content: "\e660";
+}
+
+.icon-time:before {
+  content: "\e680";
+}
+
+.icon-feiji:before {
+  content: "\e6fe";
+}
+
+.icon-jingdian:before {
+  content: "\e60c";
+}
+
+.icon-ly_hangbanyuding:before {
+  content: "\e601";
+}
+
+.icon-jiudian:before {
+  content: "\e642";
+}
+
+.icon-hangcheng-blue:before {
+  content: "\e600";
+}
+
+.icon-arrow-right:before {
+  content: "\e607";
+}
+
+.icon-arrow-right-:before {
+  content: "\e7a1";
+}
+
+.icon-canting:before {
+  content: "\e64f";
+}
+
+.icon-icon-test:before {
+  content: "\e613";
+}
+
+.icon-guojijiudian:before {
+  content: "\e8e9";
+}
+
+.icon-arrow-right-3:before {
+  content: "\e62a";
+}
+
+.icon-qizhi-:before {
+  content: "\e60b";
+}
+
+.icon-shouye:before {
+  content: "\e614";
+}
+
+.icon-dingwei:before {
+  content: "\e8c4";
+}
+
+.icon-dingwei1:before {
+  content: "\e818";
+}
+
+.icon-editor-line:before {
+  content: "\e684";
+}
+
+.icon-icon-question:before {
+  content: "\e66b";
+}
+
+.icon-arrow-down:before {
+  content: "\e665";
+}
+
+.icon-arrow-up:before {
+  content: "\ed4e";
+}
+
+.icon-share:before {
+  content: "\e63e";
+}
+
+.icon-paperPlane-fill:before {
+  content: "\e6c1";
+}
+
+.icon-24gl-paperclip2:before {
+  content: "\e94a";
+}
+
+.icon-home1:before {
+  content: "\e6b8";
+}
+
+.icon-arrow-left:before {
+  content: "\e64c";
+}
+
+.icon-smallcircle_fill_circle:before {
+  content: "\e89c";
+}
+
+.icon-home:before {
+  content: "\e875";
+}
+
+.icon-Work:before {
+  content: "\e619";
+}
+
+.icon-my1:before {
+  content: "\e6a0";
+}

components/tabbar/index.vue

 <style scoped>
-.tabbarMain {
+/* .tabbarMain {
   height: 100upx;
   position: fixed;
   z-index: 50;
@@ -23,10 +23,6 @@
   z-index: 2;
   bottom: 0;
   flex-direction: row;
-  /* #ifndef */
-  padding-bottom: constant(safe-area-inset-top);
-  padding-bottom: env(safe-area-inset-top);
-  /* #endif */
   display: flex;
   left: 0;
   right: 0;
@@ -38,7 +34,6 @@
 }
 .imgse {
   height: 48upx;
-  /* width: auto; */
   width: 48upx;
 }
 .txtBtn {
@@ -50,7 +45,6 @@
   color: #333333;
 }
 .itmMain {
-  /* width: 250upx; */
   width: 150upx;
   flex: 1;
   justify-content: center;
@@ -93,9 +87,9 @@
   z-index: 1;
   bottom: 10upx;
   border-radius: 150upx;
-}
+} */
 </style>
-<template>
+<!-- <template>
   <view
     class="tabbarMain"
     :class="[flagTypeInfo ? 'tabbarMainIphone' : '']"
@@ -134,9 +128,9 @@
       </view>
     </view>
   </view>
-</template>
+</template> -->
 
-<script>
+<!-- <script>
 export default {
   data() {
     return {
@@ -211,3 +205,118 @@ export default {
   },
 };
 </script>
+ -->
+ <template>
+	 <view class="bar-box">
+	 	<div class="bar-box-line">
+	 		<view class="bar-item" v-for="(x,i) in menus" @click="changeMenuHandler(x)">
+	 			<i class="icon iconfont" :class="[x.icon]" v-if="current != x.page"></i>
+	 			<view class="acitve" v-else>
+	 				{{x.name}}
+	 			</view>
+	 		</view>
+	 	</div>
+	 </view>
+ </template>
+ <script>
+	 export default {
+	   data() {
+			return {
+				menus:[],
+				current:''
+			};
+		},
+		mounted() {
+			let pages = getCurrentPages()
+			this.current="/"+pages[pages.length - 1].route??''
+			this.menus=[{
+							name:'首页',
+							icon:'icon-home',
+							page:'/pages/index/index'
+						},
+						{
+							name:'订单',
+							icon:'icon-Work',
+							page:'/pages/jiuzhai/jz_MyOrder'
+						},
+						{
+							name:'我的',
+							icon:'icon-my1',
+							page:'/pages/user-center/user-center'}]
+		},
+		methods:{
+			changeMenuHandler(menu){
+				this.current=menu.page
+				if(menu.page.indexOf('pages')!=-1){
+					uni.redirectTo({
+						url:menu.page
+					})
+				}
+			}
+		}
+	 }
+ </script>
+ <style>
+ 	
+	/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
+	@font-face {
+	  font-family: "nav-font";src: url("//at.alicdn.com/wf/webfont/MQHUV6e56ce5/tcIItWsk6dTo.woff2") format("woff2"),
+	  url("//at.alicdn.com/wf/webfont/MQHUV6e56ce5/RZzswoFvsjUs.woff") format("woff");
+	  font-display: swap;
+	}
+ 	.bar-box{
+ 		padding-bottom: env(safe-area-inset-bottom);
+ 		background-color: #FFF;
+ 		border-top-left-radius: 20rpx;
+ 		border-top-right-radius: 20rpx;
+ 		box-shadow: 0 0 6px rgba(0,0,0,.12);
+		position: fixed;
+		z-index: 50;
+		flex: 1;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		z-index: 99999999;
+ 	}
+ 	.bar-box-line{
+ 		display: flex;
+ 		flex-direction: row;
+ 		flex-wrap: nowrap;
+ 		align-items: center;
+ 		padding: 20upx 0 30upx;
+ 	}
+ 	.bar-box-line.uninset{
+ 		padding: 20upx 0 40upx;
+ 	}
+ 	.bar-box-line.inset{
+ 		padding: 20upx 0;
+ 	}
+ 	.bar-box-line .bar-item{
+ 		flex: 1;
+ 		width: 1px;
+ 		text-align: center;
+ 		color: #abadb9;
+ 		position: relative;
+ 	}
+ 	.bar-box-line .bar-item .icon{
+ 		font-size: 50rpx;
+ 	}
+ 	.bar-box-line .bar-item .acitve{
+ 		font-size: 32rpx;
+ 		font-weight: bold;
+ 		color: #1F2429;
+ 		text-align: center;
+ 		font-family: nav-font;
+ 	}
+ 	.bar-box-line .bar-item .acitve::after{
+ 		display: inline-block;
+ 		content: ' ';
+ 		width:4px;
+ 		height: 4px;
+ 		border-radius: 4px;
+ 		background-color: #1F2429;
+ 		position: absolute;
+ 		left: calc(50% - 2px);
+ 		top: 60rpx;
+ 	}
+ </style>
\ No newline at end of file