From 3a67b26ed6768984f604bb34d8066dbc4ba142a2 Mon Sep 17 00:00:00 2001 From: 17792275749 <812100002@qq.com> Date: Wed, 19 Aug 2026 09:53:56 +0800 Subject: [PATCH] =?UTF-8?q?feat(my):=20=E6=96=B0=E5=A2=9E=E4=B8=AA?= =?UTF-8?q?=E4=BA=BA=E4=BF=A1=E6=81=AF=E3=80=81=E5=B8=AE=E5=8A=A9=E4=B8=AD?= =?UTF-8?q?=E5=BF=83=E3=80=81=E9=97=AE=E9=A2=98=E8=AF=A6=E6=83=85=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2=E5=B9=B6=E6=8E=A5=E5=85=A5=E5=AF=BC=E8=88=AA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 4.7 --- miniprogram/app.json | 5 +- miniprogram/pages/helpCenter/helpCenter.json | 6 ++ miniprogram/pages/helpCenter/helpCenter.less | 92 +++++++++++++++++++ miniprogram/pages/helpCenter/helpCenter.ts | 32 +++++++ miniprogram/pages/helpCenter/helpCenter.wxml | 22 +++++ miniprogram/pages/my/my.ts | 8 ++ miniprogram/pages/my/my.wxml | 4 +- .../personalInformation.json | 6 ++ .../personalInformation.less | 74 +++++++++++++++ .../personalInformation.ts | 15 +++ .../personalInformation.wxml | 51 ++++++++++ .../questionDetails/questionDetails.json | 6 ++ .../questionDetails/questionDetails.less | 55 +++++++++++ .../pages/questionDetails/questionDetails.ts | 19 ++++ .../questionDetails/questionDetails.wxml | 12 +++ 15 files changed, 404 insertions(+), 3 deletions(-) create mode 100644 miniprogram/pages/helpCenter/helpCenter.json create mode 100644 miniprogram/pages/helpCenter/helpCenter.less create mode 100644 miniprogram/pages/helpCenter/helpCenter.ts create mode 100644 miniprogram/pages/helpCenter/helpCenter.wxml create mode 100644 miniprogram/pages/personalInformation/personalInformation.json create mode 100644 miniprogram/pages/personalInformation/personalInformation.less create mode 100644 miniprogram/pages/personalInformation/personalInformation.ts create mode 100644 miniprogram/pages/personalInformation/personalInformation.wxml create mode 100644 miniprogram/pages/questionDetails/questionDetails.json create mode 100644 miniprogram/pages/questionDetails/questionDetails.less create mode 100644 miniprogram/pages/questionDetails/questionDetails.ts create mode 100644 miniprogram/pages/questionDetails/questionDetails.wxml diff --git a/miniprogram/app.json b/miniprogram/app.json index 81094e7..3d96a25 100644 --- a/miniprogram/app.json +++ b/miniprogram/app.json @@ -7,7 +7,10 @@ "pages/connectedWifi/connectedWifi", "pages/home/home", "pages/equipment/equipment", - "pages/my/my" + "pages/my/my", + "pages/personalInformation/personalInformation", + "pages/helpCenter/helpCenter", + "pages/questionDetails/questionDetails" ], "usingComponents": { "empty-data": "/components/emptyData/emptyData" diff --git a/miniprogram/pages/helpCenter/helpCenter.json b/miniprogram/pages/helpCenter/helpCenter.json new file mode 100644 index 0000000..df07884 --- /dev/null +++ b/miniprogram/pages/helpCenter/helpCenter.json @@ -0,0 +1,6 @@ +{ + "usingComponents": {}, + "navigationBarTitleText": "帮助中心", + "navigationBarTextStyle": "black", + "navigationBarBackgroundColor": "#FFFFFF" +} diff --git a/miniprogram/pages/helpCenter/helpCenter.less b/miniprogram/pages/helpCenter/helpCenter.less new file mode 100644 index 0000000..2c74d9d --- /dev/null +++ b/miniprogram/pages/helpCenter/helpCenter.less @@ -0,0 +1,92 @@ +.helpCenter { + width: 100%; + min-height: 100%; + padding: 24rpx 32rpx; + box-sizing: border-box; + background-color: #F5F7FB; + + .search { + display: flex; + flex-direction: column; + margin-bottom: 48rpx; + + .search-title { + color: #394356; + height: 40rpx; + font-size: 40rpx; + font-weight: bolder; + line-height: 40rpx; + } + + .search-sub { + color: #394356; + height: 26rpx; + font-size: 26rpx; + line-height: 26rpx; + margin-top: 24rpx; + } + } + + .tabs { + display: flex; + gap: 20rpx; + margin-bottom: 24rpx; + + .tab { + flex: 1; + height: 56rpx; + line-height: 56rpx; + text-align: center; + border-radius: 48rpx; + font-size: 24rpx; + background-color: #FFFFFF; + color: #77849E; + } + + .tab--active { + background-color: #1385FA; + color: #FFFFFF; + } + } + + .list { + .question { + width: 100%; + height: 112rpx; + display: flex; + align-items: center; + background-color: #FFFFFF; + border-radius: 24rpx; + padding: 0 32rpx; + box-sizing: border-box; + margin-bottom: 24rpx; + + .dot { + width: 12rpx; + height: 12rpx; + border-radius: 50%; + background-color: #1385FA; + margin-right: 12rpx; + flex-shrink: 0; + } + + .question-title { + flex: 1; + color: #394356; + height: 32rpx; + font-size: 32rpx; + line-height: 32rpx; + } + + .arrow { + width: 20rpx; + height: 18rpx; + flex-shrink: 0; + + &::after { + right: 4rpx; + } + } + } + } +} diff --git a/miniprogram/pages/helpCenter/helpCenter.ts b/miniprogram/pages/helpCenter/helpCenter.ts new file mode 100644 index 0000000..bd82896 --- /dev/null +++ b/miniprogram/pages/helpCenter/helpCenter.ts @@ -0,0 +1,32 @@ +// pages/helpCenter/helpCenter.ts +Page({ + data: { + tabs: [ + { name: '全部', active: true }, + { name: '连接配对', active: false }, + { name: '使用测量', active: false }, + { name: '数据管理', active: false } + ], + questions: [ + { id: 1, title: '如何连接蓝牙设备？' }, + { id: 2, title: '设备无法连接WiFi怎么办?' }, + { id: 3, title: '如何添加和管理成员?' }, + { id: 4, title: '测量数据不准确如何校准?' }, + { id: 5, title: '数据补传功能如何使用?' }, + { id: 6, title: '设备电量消耗过快?' } + ] + }, + + onTapTab(e: WechatMiniprogram.TouchEvent) { + const index = e.currentTarget.dataset.index as number + const tabs = this.data.tabs.map((t, i) => ({ ...t, active: i === index })) + this.setData({ tabs }) + }, + + onTapQuestion(e: WechatMiniprogram.TouchEvent) { + const title = e.currentTarget.dataset.title as string + wx.navigateTo({ + url: '/pages/questionDetails/questionDetails?title=' + encodeURIComponent(title) + }) + } +}) diff --git a/miniprogram/pages/helpCenter/helpCenter.wxml b/miniprogram/pages/helpCenter/helpCenter.wxml new file mode 100644 index 0000000..699a158 --- /dev/null +++ b/miniprogram/pages/helpCenter/helpCenter.wxml @@ -0,0 +1,22 @@ + + + 您遇到了什么问题？ + 根据下方分类快速排查设备状态... + + + + + {{ item.name }} + + + + + + + + {{ item.title }} + + + + + diff --git a/miniprogram/pages/my/my.ts b/miniprogram/pages/my/my.ts index 9177157..3535b49 100644 --- a/miniprogram/pages/my/my.ts +++ b/miniprogram/pages/my/my.ts @@ -15,6 +15,14 @@ Page({ }, + onTapPersonalInfo() { + wx.navigateTo({ url: '/pages/personalInformation/personalInformation' }) + }, + + onTapHelpCenter() { + wx.navigateTo({ url: '/pages/helpCenter/helpCenter' }) + }, + /** * 生命周期函数--监听页面初次渲染完成 */ diff --git a/miniprogram/pages/my/my.wxml b/miniprogram/pages/my/my.wxml index cbdf0d8..91e9954 100644 --- a/miniprogram/pages/my/my.wxml +++ b/miniprogram/pages/my/my.wxml @@ -19,14 +19,14 @@ - + 个人信息 - + diff --git a/miniprogram/pages/personalInformation/personalInformation.json b/miniprogram/pages/personalInformation/personalInformation.json new file mode 100644 index 0000000..194f574 --- /dev/null +++ b/miniprogram/pages/personalInformation/personalInformation.json @@ -0,0 +1,6 @@ +{ + "usingComponents": {}, + "navigationBarTitleText": "个人信息", + "navigationBarTextStyle": "black", + "navigationBarBackgroundColor": "#FFFFFF" +} diff --git a/miniprogram/pages/personalInformation/personalInformation.less b/miniprogram/pages/personalInformation/personalInformation.less new file mode 100644 index 0000000..b888a48 --- /dev/null +++ b/miniprogram/pages/personalInformation/personalInformation.less @@ -0,0 +1,74 @@ +.personalInformation { + width: 100%; + height: 100%; + padding: 24rpx 32rpx; + box-sizing: border-box; + background-color: #F5F7FB; + + .card { + width: 100%; + background-color: #FFFFFF; + border-radius: 24rpx; + padding: 0 32rpx; + box-sizing: border-box; + + .row { + width: 100%; + height: 114rpx; + display: flex; + align-items: center; + justify-content: space-between; + border-bottom: 2rpx solid #EAECF1; + + &:last-of-type { + border-bottom: none; + } + + .label { + color: #394356; + height: 32rpx; + font-size: 32rpx; + line-height: 32rpx; + } + + .value { + color: #394356; + height: 28rpx; + font-size: 28rpx; + line-height: 28rpx; + display: flex; + align-items: center; + } + } + + .row-avatar { + height: 112rpx; + + .value { + height: 88rpx; + } + + .avatar { + width: 88rpx; + height: 88rpx; + border-radius: 16rpx; + background-color: #1385FA; + color: #FFFFFF; + font-size: 40rpx; + line-height: 88rpx; + text-align: center; + } + + .arrow { + width: 20rpx; + height: 18rpx; + margin-left: 20rpx; + flex-shrink: 0; + + &::after { + right: 4rpx; + } + } + } + } +} diff --git a/miniprogram/pages/personalInformation/personalInformation.ts b/miniprogram/pages/personalInformation/personalInformation.ts new file mode 100644 index 0000000..acb186b --- /dev/null +++ b/miniprogram/pages/personalInformation/personalInformation.ts @@ -0,0 +1,15 @@ +// pages/personalInformation/personalInformation.ts +Page({ + data: { + userInfo: { + name: '狗蛋', + idCard: '4301**********1234', + gender: '男', + age: '45岁', + company: '健康科技公司', + department: '技术部-研发组', + height: '175cm', + weight: '72kg' + } + } +}) diff --git a/miniprogram/pages/personalInformation/personalInformation.wxml b/miniprogram/pages/personalInformation/personalInformation.wxml new file mode 100644 index 0000000..ee61d1d --- /dev/null +++ b/miniprogram/pages/personalInformation/personalInformation.wxml @@ -0,0 +1,51 @@ + + + + 头像 + + 狗 + + + + + + 名字 + {{ userInfo.name }} + + + + 身份证 + {{ userInfo.idCard }} + + + + 性别 + {{ userInfo.gender }} + + + + 年龄 + {{ userInfo.age }} + + + + 单位 + {{ userInfo.company }} + + + + 部门 + {{ userInfo.department }} + + + + 身高 + {{ userInfo.height }} + + + + 体重 + {{ userInfo.weight }} + + + diff --git a/miniprogram/pages/questionDetails/questionDetails.json b/miniprogram/pages/questionDetails/questionDetails.json new file mode 100644 index 0000000..d59b27a --- /dev/null +++ b/miniprogram/pages/questionDetails/questionDetails.json @@ -0,0 +1,6 @@ +{ + "usingComponents": {}, + "navigationBarTitleText": "问题详情", + "navigationBarTextStyle": "black", + "navigationBarBackgroundColor": "#FFFFFF" +} diff --git a/miniprogram/pages/questionDetails/questionDetails.less b/miniprogram/pages/questionDetails/questionDetails.less new file mode 100644 index 0000000..64aadfd --- /dev/null +++ b/miniprogram/pages/questionDetails/questionDetails.less @@ -0,0 +1,55 @@ +.questionDetails { + width: 100%; + min-height: 100%; + padding: 24rpx 32rpx; + box-sizing: border-box; + background-color: #F5F7FB; + + .card { + width: 100%; + background-color: #FFFFFF; + border-radius: 24rpx; + padding: 0 40rpx; + box-sizing: border-box; + + .title { + color: #1385FA; + height: 36rpx; + font-size: 36rpx; + line-height: 36rpx; + padding: 40rpx 0; + border-bottom: 2rpx solid #EAECF1; + } + + .step { + display: flex; + align-items: flex-start; + padding: 32rpx 0; + border-bottom: 2rpx solid #EAECF1; + + &:last-of-type { + border-bottom: none; + } + + .badge { + width: 36rpx; + height: 36rpx; + border-radius: 50%; + background-color: #1385FA; + color: #FFFFFF; + font-size: 24rpx; + line-height: 36rpx; + text-align: center; + flex-shrink: 0; + margin-right: 20rpx; + } + + .step-text { + flex: 1; + color: #252535; + font-size: 26rpx; + line-height: 26rpx; + } + } + } +} diff --git a/miniprogram/pages/questionDetails/questionDetails.ts b/miniprogram/pages/questionDetails/questionDetails.ts new file mode 100644 index 0000000..1e2c4e1 --- /dev/null +++ b/miniprogram/pages/questionDetails/questionDetails.ts @@ -0,0 +1,19 @@ +// pages/questionDetails/questionDetails.ts +Page({ + data: { + title: '如何连接蓝牙设备', + steps: [ + '进入"设备"页面，点击设备的"成员管理"按钮；', + '点击"添加新成员"进入添加页面；', + '选择用户类型（员工/家庭成员）；', + '填写成员信息后保存；', + '在设备连接状态下，点击"同步成员至设备"将用户信息同步到设备。' + ] + }, + + onLoad(options: { title?: string }) { + if (options.title) { + this.setData({ title: options.title }) + } + } +}) diff --git a/miniprogram/pages/questionDetails/questionDetails.wxml b/miniprogram/pages/questionDetails/questionDetails.wxml new file mode 100644 index 0000000..1f0788b --- /dev/null +++ b/miniprogram/pages/questionDetails/questionDetails.wxml @@ -0,0 +1,12 @@ + + + {{ title }} + + + + {{ index + 1 }} + {{ item }} + + + +