合并

pages/Warehouse/warehome.vue

@@ -82,21 +82,21 @@
 				<view class="triangle-left-bgc"></view>
 			</view>
 		</view>
-		
+
 		<view class="picking tp" @click="housactive(2)">
 			<image src="/static/index/warehouse/newhome/picking.png" mode="widthFix"></image>
 		</view>
 		<view class="pickingtag tp" @click="housactive(2)">
 			<view class="blue-bgc">
 				拣货
-				
+
 				<view class="triangle-left-bgc"></view>
 			</view>
 		</view>
 		<view :style="moverStyle">
 			<image style="width: 100%;height: 100%;" :src="cararray[cartarget]" mode="widthFix"></image>
 		</view>
-		
+
 	</view>
 </template>
 
@@ -165,14 +165,20 @@
 		false  // 不补零
 	)
 	const playall = ref(false);
+	let clickAudio
 	onMounted(() => {
 		playall.value = true;
 		ceshi()
+		clickAudio = uni.createInnerAudioContext()
+		clickAudio.src = '/static/click.mp3'
+		clickAudio.volume = 0.4
 	})
 
 	const housedex = ref(0);
 	const navurl = ref('')
 	const housactive = (index : number) => {
+		clickAudio.stop() // 防止叠音（Galgame 必备）
+		clickAudio.play()
 		console.log(index)
 		housedex.value = index;
 		if (index == 0) {
@@ -187,7 +193,7 @@
 				url: '/' + navurl.value
 			})
 		}
-		
+
 		if (index == 2) {
 			navurl.value = 'pages/Warehouse/picking'
 			uni.navigateTo({
@@ -224,8 +230,8 @@
 				url: '/' + navurl.value
 			})
 		}
-		
+
-		
+
 	}
 
 
@@ -459,19 +465,20 @@
 			border-right: 0.5vw solid transparent;
 			border-top: 0.5vw solid #0385fa;
 		}
-		.triangle-left-bgc{
+
+		.triangle-left-bgc {
 			position: absolute;
 			top: 2.68vw;
 			left: 1.17vw;
 			width: 0;
 			height: 0;
-		
+
 			/* 左上是直角的三角形 —— 只要两个边有颜色 */
 			border-top: 0.45vw solid #0385fa;
 			/* 上边  */
 			border-left: 0.55vw solid #0385fa;
 			/* 左边  */
-		
+
 			/* 另外两个边透明（保持三角形形状） */
 			border-right: 0.55vw solid transparent;
 			border-bottom: 0.55vw solid transparent;
@@ -491,37 +498,38 @@
 		color: #0385fa;
 		position: relative;
 
-		
+
-		.triangle-left-bgc{
+		.triangle-left-bgc {
 			position: absolute;
 			top: 2.68vw;
 			left: 1.17vw;
 			width: 0;
 			height: 0;
-		
+
 			/* 左上是直角的三角形 —— 只要两个边有颜色 */
 			border-top: 0.45vw solid #60a1ff;
 			/* 上边  */
 			border-left: 0.55vw solid #60a1ff;
 			/* 左边  */
-		
+
 			/* 另外两个边透明（保持三角形形状） */
 			border-right: 0.55vw solid transparent;
 			border-bottom: 0.55vw solid transparent;
 		}
+
 		.triangle-left {
 			position: absolute;
 			top: 2.68vw;
 			left: 1.2vw;
 			width: 0;
 			height: 0;
-		
+
 			/* 左上是直角的三角形 —— 只要两个边有颜色 */
 			border-top: 0.4vw solid #e4efff;
 			/* 上边  */
 			border-left: 0.5vw solid #e4efff;
 			/* 左边  */
-		
+
 			/* 另外两个边透明（保持三角形形状） */
 			border-right: 0.5vw solid transparent;
 			border-bottom: 0.5vw solid transparent;
@@ -544,12 +552,13 @@
 			height: 5vw;
 		}
 	}
-	.pickingtag{
+
+	.pickingtag {
 		position: fixed;
 		top: 24vw;
 		left: 67vw;
 		z-index: 51;
-		
+
 		.blue-imge {
 			position: absolute;
 			top: 2.2vw;
@@ -559,6 +568,7 @@
 			height: 5vw;
 		}
 	}
+
 	.wanjietag {
 		position: fixed;
 		top: 22vw;
@@ -597,37 +607,43 @@
 		left: 35.5vw;
 		z-index: 51;
 	}
+
 	.returntag {
 		position: fixed;
 		top: 32.5vw;
 		left: 84vw;
 		z-index: 51;
 	}
-	.leadtag{
+
+	.leadtag {
 		position: fixed;
 		top: 44vw;
 		left: 71vw;
 		z-index: 51;
 	}
-	.right-title{
+
+	.right-title {
 		position: fixed;
 		right: 2vw;
 		top: 3vw;
 		display: flex;
 		align-items: center;
-		.title-imge{
+
+		.title-imge {
 			width: 1.8vw;
 			height: 1.8vw;
 			margin-right: 0.5vw;
 			// margin-top: -0.3vw;
 		}
-		.title-font{
+
+		.title-font {
 			font-size: 32rpx;
 			// margin-left: 3vw;
 			font-weight: 600;
-			
+
 		}
 	}
+
 	// <view class="right-title">
 	// 	<image class="title-imge" src="/static/index/indeximage.png" mode="aspectFit"></image>
 	// 	<view class="title-font">