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