diff --git a/pages/Warehouse/warehome.vue b/pages/Warehouse/warehome.vue index 5c22a2e..ec177e0 100644 --- a/pages/Warehouse/warehome.vue +++ b/pages/Warehouse/warehome.vue @@ -82,21 +82,21 @@ - + 拣货 - + - + @@ -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; - + } } + // // // diff --git a/static/click.mp3 b/static/click.mp3 new file mode 100644 index 0000000..0c931b4 Binary files /dev/null and b/static/click.mp3 differ