From 8ba239a6efa6af9756c5743175f12aa30952f292 Mon Sep 17 00:00:00 2001 From: Default User Date: Tue, 24 Feb 2026 12:00:20 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E4=BA=8C=E7=BB=B4=E7=A0=81?= =?UTF-8?q?=E5=8A=9F=E8=83=BD=EF=BC=9A=E5=9C=A8=E9=A6=96=E9=A1=B5=E6=B7=BB?= =?UTF-8?q?=E5=8A=A0=E4=BA=8C=E7=BB=B4=E7=A0=81=E6=8C=89=E9=92=AE=E5=B9=B6?= =?UTF-8?q?=E5=88=9B=E5=BB=BA=E4=BA=8C=E7=BB=B4=E7=A0=81=E9=A1=B5=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app.json | 3 +- pages/index/index.js | 10 +++++++ pages/index/index.wxml | 4 +++ pages/qrcode/index.js | 22 ++++++++++++++ pages/qrcode/index.json | 4 +++ pages/qrcode/index.wxml | 14 +++++++++ pages/qrcode/index.wxss | 63 +++++++++++++++++++++++++++++++++++++++++ 7 files changed, 119 insertions(+), 1 deletion(-) create mode 100644 pages/qrcode/index.js create mode 100644 pages/qrcode/index.json create mode 100644 pages/qrcode/index.wxml create mode 100644 pages/qrcode/index.wxss diff --git a/app.json b/app.json index aa57705..39a8bdd 100644 --- a/app.json +++ b/app.json @@ -21,7 +21,8 @@ "pages/goods/index", "pages/order/index", "pages/order/detail/index", - "pages/company/company" + "pages/company/company", + "pages/qrcode/index" ], "subpackages": [ { diff --git a/pages/index/index.js b/pages/index/index.js index d0f0075..049c32e 100644 --- a/pages/index/index.js +++ b/pages/index/index.js @@ -2589,6 +2589,16 @@ Page({ url: '/pages/company/company' }) }, + + // 跳转到二维码页面 + navigateToQRCode: function () { + this.setData({ + sidebarBtnHidden: true + }); + wx.navigateTo({ + url: '/pages/qrcode/index' + }) + }, // 显示添加桌面引导框 showAddToHomeModal: function () { diff --git a/pages/index/index.wxml b/pages/index/index.wxml index 36dd9db..a6b8bb5 100644 --- a/pages/index/index.wxml +++ b/pages/index/index.wxml @@ -214,6 +214,10 @@ 📄 我们 + + 📱 + 二维码 + diff --git a/pages/qrcode/index.js b/pages/qrcode/index.js new file mode 100644 index 0000000..0fb047e --- /dev/null +++ b/pages/qrcode/index.js @@ -0,0 +1,22 @@ +// pages/qrcode/index.js +Page({ + data: { + qrCodeUrl: '' // 二维码图片URL + }, + + onLoad: function (options) { + // 页面加载时的初始化逻辑 + console.log('二维码页面加载'); + // 这里可以添加生成或获取二维码的逻辑 + }, + + onShow: function () { + // 页面显示时的逻辑 + }, + + // 示例:生成二维码的函数 + generateQRCode: function () { + // 这里可以添加生成二维码的逻辑 + // 例如,调用API生成二维码并获取URL + } +}); \ No newline at end of file diff --git a/pages/qrcode/index.json b/pages/qrcode/index.json new file mode 100644 index 0000000..7f85bb5 --- /dev/null +++ b/pages/qrcode/index.json @@ -0,0 +1,4 @@ +{ + "navigationBarTitleText": "二维码", + "usingComponents": {} +} \ No newline at end of file diff --git a/pages/qrcode/index.wxml b/pages/qrcode/index.wxml new file mode 100644 index 0000000..899b9dc --- /dev/null +++ b/pages/qrcode/index.wxml @@ -0,0 +1,14 @@ + + + 二维码 + + + + + + + 二维码将显示在这里 + + + + \ No newline at end of file diff --git a/pages/qrcode/index.wxss b/pages/qrcode/index.wxss new file mode 100644 index 0000000..c17dea8 --- /dev/null +++ b/pages/qrcode/index.wxss @@ -0,0 +1,63 @@ +.container { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + min-height: 100vh; + background-color: #f5f5f5; +} + +.qrcode-container { + width: 90%; + max-width: 400rpx; + background-color: #ffffff; + border-radius: 16rpx; + box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1); + padding: 40rpx; + display: flex; + flex-direction: column; + align-items: center; +} + +.qrcode-title { + font-size: 32rpx; + font-weight: bold; + color: #333333; + margin-bottom: 40rpx; +} + +.qrcode-content { + width: 100%; + display: flex; + flex-direction: column; + align-items: center; +} + +.qrcode-image { + width: 300rpx; + height: 300rpx; + display: flex; + align-items: center; + justify-content: center; +} + +.qrcode-image image { + width: 100%; + height: 100%; +} + +.qrcode-placeholder { + width: 300rpx; + height: 300rpx; + display: flex; + align-items: center; + justify-content: center; + background-color: #f0f0f0; + border-radius: 8rpx; +} + +.placeholder-text { + font-size: 24rpx; + color: #999999; + text-align: center; +}