feat(my): 新增个人信息、帮助中心、问题详情页面并接入导航

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-08-19 09:53:56 +08:00
parent cd11d711d5
commit 3a67b26ed6
15 changed files with 404 additions and 3 deletions
@@ -0,0 +1,6 @@
+{
+    "usingComponents": {},
+    "navigationBarTitleText": "个人信息",
+    "navigationBarTextStyle": "black",
+    "navigationBarBackgroundColor": "#FFFFFF"
+}
@@ -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;
+                }
+            }
+        }
+    }
+}
@@ -0,0 +1,15 @@
+// pages/personalInformation/personalInformation.ts
+Page({
+    data: {
+        userInfo: {
+            name: '狗蛋',
+            idCard: '4301**********1234',
+            gender: '男',
+            age: '45岁',
+            company: '健康科技公司',
+            department: '技术部-研发组',
+            height: '175cm',
+            weight: '72kg'
+        }
+    }
+})
@@ -0,0 +1,51 @@
+<view class="personalInformation">
+    <view class="card">
+        <view class="row row-avatar">
+            <view class="label">头像</view>
+            <view class="value">
+                <view class="avatar">狗</view>
+                <view class="arrow"></view>
+            </view>
+        </view>
+
+        <view class="row">
+            <view class="label">名字</view>
+            <view class="value">{{ userInfo.name }}</view>
+        </view>
+
+        <view class="row">
+            <view class="label">身份证</view>
+            <view class="value">{{ userInfo.idCard }}</view>
+        </view>
+
+        <view class="row">
+            <view class="label">性别</view>
+            <view class="value">{{ userInfo.gender }}</view>
+        </view>
+
+        <view class="row">
+            <view class="label">年龄</view>
+            <view class="value">{{ userInfo.age }}</view>
+        </view>
+
+        <view class="row">
+            <view class="label">单位</view>
+            <view class="value">{{ userInfo.company }}</view>
+        </view>
+
+        <view class="row">
+            <view class="label">部门</view>
+            <view class="value">{{ userInfo.department }}</view>
+        </view>
+
+        <view class="row">
+            <view class="label">身高</view>
+            <view class="value">{{ userInfo.height }}</view>
+        </view>
+
+        <view class="row">
+            <view class="label">体重</view>
+            <view class="value">{{ userInfo.weight }}</view>
+        </view>
+    </view>
+</view>