优化首页内容

components/module/f-navbar/f-navbar.vue

@@ -179,10 +179,10 @@ export default {
             immediate: true,
             handler (val) {
                 if(val == 5){
-                    if (this.scrollTop > 180) {
+                    if (this.scrollTop > 160) {
                     	this.transparentValue = 1;
                     } else {
-                    	this.transparentValue = this.scrollTop / 180;
+                    	this.transparentValue = this.scrollTop / 160;
                     }
                 }
             }
@@ -248,10 +248,10 @@ export default {
         pageScroll(e) {
         	if (this.navbarType == 5) {
         		if (e.scrollTop && e.scrollTop > 0) {
-        			if (e.scrollTop > 180) {
+        			if (e.scrollTop > 160) {
         				this.transparentValue = 1;
         			} else {
-        				this.transparentValue = e.scrollTop / 180;
+        				this.transparentValue = e.scrollTop / 160;
         			}
         		} else {
         			this.transparentValue = 0;

components/module/f-tabbar/f-tabbar.vue

@@ -156,27 +156,9 @@
 			display: block;
 			width: 30px;
 			height: 30px;
-			margin-top: 24rpx;
 		}
 	}
 
-	.icon-large {}
 
-	.scan-code-icon {
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		width: 20px;
-		height: 20px;
-		transform: scale(2) translateY(-6px);
-		background: #007AFF;
-		border-radius: 50%;
-		box-shadow: 0 0 4px rgba($color: #007AFF, $alpha: 0.3);
 
-		image {
-			display: block;
-			width: 60%;
-			height: auto;
-		}
-	}
 </style>
\ No newline at end of file

components/toolBox/toolBox.vue

 <template>
-	<view class="tool-box">
+	<view class="tool-box" >
 		<view v-for="(item, index) in toolList" :key="index" class="tool-item" :class="{active:!show}" :style="{transitionDuration: dNum+'s' }" @tap.stop="onHandle(item,index)">
-			<text class="text-white text-bold text-xl">{{show ? item.name:item.sortName}}</text>
+			<image class="image" :src="item.imgUrl" mode="heightFix"></image>
+			<text v-if="show"  class="text-white text-bold text-xl">{{item.name}}</text>
 		</view>
 	</view>
 </template>
 
 <script>
+	import config from "@/config/index.config"
 	import {getOrderByAvailable, openDoor} from "@/api/order.js"
 	
 	export default {
@@ -24,19 +26,23 @@
 				toolList:[
 					{
 						name:"开门",
+						imgUrl: config.assetsPath+'/open_door_icon.png',
 						sortName:"开"
 					},
 					{
 						name:"续单",
+						imgUrl: config.assetsPath+'/order_2_icon.png',
 						sortName:"续"
 					},
 					{
 						name:"验券",
+						imgUrl: config.assetsPath+'/scan_code_icon.png',
 						sortName:"验",
 						routePath:"/pages/useCouponIllustrate/useCouponIllustrate"
 					},
 					{
 						name:"客服",
+						imgUrl: config.assetsPath+'/zcpt.png',
 						sortName:"客"
 					}
 				],
@@ -149,11 +155,12 @@
 	z-index: 99;
 	.tool-item{
 		display: flex;
+		flex-direction: column;
 		justify-content: center;
 		align-items: center;
-		width: 12vw;
-		height: 12vw;
-		border-radius: 50%;
+		width: 42px;
+		height: 36px;
+		border-radius: 20upx 0 0 20upx;
 		background: rgba(255, 255, 255, 0.72);
 		// border-top: 1px solid #E40583;
 		// border-left: 1px solid #E40583;
@@ -162,17 +169,21 @@
 		transition-property: all;
 		transition-timing-function:ease;
 		box-shadow: -4rpx 4rpx 13rpx 0rpx rgba(74, 11, 47, 0.4);
+		.image{
+			max-width: 50upx;
+			height: 40upx;
+		}
 		text{
 			white-space: nowrap;
-			font-style: italic;
 			font-size: 28rpx;
 			color: #3D3D3D;
 		}
 	}
 	.active{
-		width: 6vw;
-		height: 6vw;
-		opacity: 0.6;
+		width: 24px;
+		height:50upx;
+		// border-radius: 12upx 0 0 12upx;
+		opacity: 0.8;
 	}
 }
 </style>
\ No newline at end of file

config/index.config.js

 const CONFIG = {
     // 开发环境配置
     development: {
-        assetsPath: 'https://www.coujio.com/wechat_static', // 静态资源路径
+        assetsPath: 'http://10.24.5.140:8211/static', // 静态资源路径
 		baseUrl: 'https://www.coujio.com/front-api', // 后台接口请求地址
 		hostUrl: 'https://www.coujio.com/prod-api', // H5地址(前端运行地址)
 		// baseUrl: 'http://192.168.1.189:8883/front', // 后台接口请求地址

utils/tools.js

@@ -97,7 +97,7 @@ export const getTabbarHeight = function() {
 	var systemInfo = uni.getSystemInfoSync()
 	var data = {
 		...systemInfo,
-		tabbarH: 72, //tabbar高度--单位px
+		tabbarH: 50, //tabbar高度--单位px
 		tabbarPaddingB: 0, //tabbar底部安全距离高度--单位px
 		device: systemInfo.system.indexOf('iOS') != -1 ? 'iOS' : 'Android', //苹果或者安卓设备
 	}