zianxin/pj_h5_cloud
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

开门按钮样式修改

Browse Source
This commit is contained in:
weiwei committed 2025-05-30 14:46:58 +08:00
1 parent 96e77d0ae1
commit 2bae9aaa13
3 files changed
+12 -10
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/pages/cabinet/buy.vue
+9 -9
View File
@@ -1,18 +1,20 @@
<template>
<crud-layout mainIsScroll bg="/static/page/blue-bg.png">
<view class="w-full flex flex-wrap p-2">
<view class="w-1/3 h-340rpx text-center p-1" v-for="(item, index) in state.cabinetList" :key="index">
<view class="h-10rpx" />
<view class="w-full flex flex-wrap">
<view class="w-1/3 text-center p-1" v-for="(item, index) in state.cabinetList" :key="index">
<view class="bg-transparent rounded-lg overflow-hidden">
<image
class="w-180rpx h-180rpx rounded-md object-cover"
:src="item.spuDetail.pic"
@click.stop="hooks.usePreviewImage(item.spuDetail.pic)"
/>
<view class="text-sm">{{ item.spuDetail.name }}</view>
<view class="text-xs">{{ item.spuDetail.name }}</view>
<view class="text-red-500 text-sm">¥{{ displayPrice(item.spuDetail.price) }}</view>
</view>
</view>
</view>
<view class="h-300rpx" />
<view class="open-door-btn-wrapper fixed bottom-40 left-0 right-0 flex justify-center items-center">
<view class="ripple-container">
<view class="ripple"></view>
@@ -20,10 +22,10 @@
<view class="ripple"></view>
</view>
<view
class="open-door-btn w-200rpx h-200rpx rounded-full bg-#0779FD77 overflow-hidden flex flex-col justify-center items-center shadow-lg"
class="open-door-btn w-200rpx h-200rpx rounded-full bg-#0779FDdd overflow-hidden flex flex-col justify-center items-center shadow-lg"
@click="goOpenDoor"
>
<image class="w-80rpx h-80rpx" src="@/static/page/开门.svg" />
<image class="w-80rpx h-80rpx" src="@/static/page/开门-black.svg" />
<text class="font-bold">开 门</text>
</view>
</view>
@@ -95,7 +97,6 @@ const goOpenDoor = () => {
.open-door-btn-wrapper {
.open-door-btn {
position: relative;
z-index: 2;
transition: transform 0.2s;
&:active {
@@ -107,7 +108,6 @@ const goOpenDoor = () => {
position: absolute;
width: 200rpx;
height: 200rpx;
z-index: 1;
}
.ripple {
@@ -115,8 +115,8 @@ const goOpenDoor = () => {
width: 200rpx;
height: 200rpx;
border-radius: 50%;
border: 2px solid rgba(7, 121, 253);
animation: ripple 1s linear infinite;
border: 8px solid rgba(7, 121, 253);
animation: ripple 2s linear infinite;
opacity: 0;
&:nth-child(2) {
src/pages/tabbar/my.vue
+2 -1
View File
@@ -296,10 +296,11 @@ const scanCode = {
if (isDevEnv()) {
// 开发环境模拟扫码
// const testQrCode = "eyJpZCI6IjE4OTYxNTcyMDc2NDQwNTM1MDYiLCJuYW1lIjoi5rWL6K+V5ZWG5oi3In0=" // 线上-测试超市-收款二维码
const testQrCode = "eyJoYXJkRG9vcklkIjoiMTkxNDIxNTYwODQzNzQxMTg0MSIsImNhYmluZXRObyI6IjEifQ==" // 线上-智能柜-收款二维码
// const testQrCode = "eyJpZCI6IjE5MDU4MTY3NTEwNDM0NTI5MzAiLCJuYW1lIjoi5paw5Y6/5bqc6LaF5biCIn0=" // 邓本地-测试环境-新县府超市收款二维码
// const testQrCode = "eyJoYXJkRG9vcklkIjoiMTkxMzE1NzA4MDQxODI5NTgwOSIsImNhYmluZXRObyI6IjEifQ==" // 邓本地-测试单门智能柜柜门二维码
// const testQrCode = "http://192.168.101.45:8889/h5/#/pages/pay/scanPay?id=1905816751043452930&name=测试新县府超市" // 邓本地-测试环境-新县府超市收款二维码
const testQrCode = "http://192.168.101.45:8889/h5/#/pages/pay/scanPay?hardDoorId=1913157080418295809&cabinetNo=1" // 测试智能柜柜门二维码
// const testQrCode = "http://192.168.101.45:8889/h5/#/pages/pay/scanPay?hardDoorId=1913157080418295809&cabinetNo=1" // 测试智能柜柜门二维码
uni.showModal({ content: "开发环境不是浙政钉和诗画环境，扫码仅供测试，收款商家为测试商户超市" })
return testQrCode