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; +}