重构完大部分页面了
This commit is contained in:
+4
-58
@@ -77,65 +77,11 @@ Page({
|
||||
|
||||
},
|
||||
|
||||
// 复制内容到剪贴板
|
||||
onCopy(e) {
|
||||
const content = e.currentTarget.dataset.content;
|
||||
wx.setClipboardData({
|
||||
data: content,
|
||||
success: () => {
|
||||
wx.showToast({
|
||||
title: '已复制',
|
||||
icon: 'success',
|
||||
duration: 1500
|
||||
});
|
||||
},
|
||||
fail: () => {
|
||||
wx.showToast({
|
||||
title: '复制失败',
|
||||
icon: 'none',
|
||||
duration: 1500
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
// 拨打电话
|
||||
onCallPhone(e) {
|
||||
const phone = e.currentTarget.dataset.phone;
|
||||
wx.makePhoneCall({
|
||||
phoneNumber: phone,
|
||||
fail: () => {
|
||||
wx.showToast({
|
||||
title: '拨号失败',
|
||||
icon: 'none',
|
||||
duration: 1500
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
// 点击用户协议
|
||||
onTapAgreement() {
|
||||
// 跳转「联系我们」页:本页不再平铺联系方式,四项内容与那一页重合,
|
||||
// 且那一页每行还带「拨打」「复制」动作词,是更完整的一份
|
||||
goToContact() {
|
||||
wx.navigateTo({
|
||||
url: '/pages/escort/agreement'
|
||||
});
|
||||
},
|
||||
|
||||
// 点击隐私政策
|
||||
onTapPrivacy() {
|
||||
wx.showToast({
|
||||
title: '功能开发中',
|
||||
icon: 'none',
|
||||
duration: 1500
|
||||
});
|
||||
},
|
||||
|
||||
// 点击更新日志
|
||||
onTapUpdateLog() {
|
||||
wx.showToast({
|
||||
title: '功能开发中',
|
||||
icon: 'none',
|
||||
duration: 1500
|
||||
url: '/pages/mine/contact'
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
+19
-51
@@ -9,63 +9,31 @@
|
||||
<text class="app-slogan">温暖陪伴,专业守护</text>
|
||||
</view>
|
||||
|
||||
<!-- 功能列表 -->
|
||||
<view class="menu-list">
|
||||
<view class="menu-item" hover-class="menu-item-hover" bindtap="onTapAgreement">
|
||||
<text class="menu-text">用户协议</text>
|
||||
<t-icon name="chevron-right" class="menu-arrow" size="36rpx" />
|
||||
</view>
|
||||
<view class="menu-item" hover-class="menu-item-hover" bindtap="onTapPrivacy">
|
||||
<text class="menu-text">隐私政策</text>
|
||||
<t-icon name="chevron-right" class="menu-arrow" size="36rpx" />
|
||||
</view>
|
||||
<view class="menu-item" hover-class="menu-item-hover" bindtap="onTapUpdateLog">
|
||||
<text class="menu-text">更新日志</text>
|
||||
<t-icon name="chevron-right" class="menu-arrow" size="36rpx" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 公司简介 -->
|
||||
<!-- 公司简介。三处按国标口径收口:
|
||||
① 公司身份用「运营」而非「旗下/开发」——9.1.1 要求公示服务提供者基本情况,
|
||||
「开发」只表明技术开发方,会把服务提供者写糊;
|
||||
② 「陪护」改「陪诊」,与产品名、协议名和国标「陪同就医服务」同一口径;
|
||||
③ 服务清单删去「住院陪护」——协议「服务范围」明确「不包含医院陪护」,
|
||||
同段自相矛盾;动作词统一为「协助」(项目约定,不写「代办挂号」),
|
||||
「取药代办」改「代取药品」与 id 8 一致;「全流程」也一并去掉,
|
||||
因为协议有急诊就医/插队加号/医院陪护/急诊留观陪护四项排除,「全流程」与排除项冲突 -->
|
||||
<view class="intro-section">
|
||||
<view class="section-title">关于我们</view>
|
||||
<text class="intro-text">暖橙陪诊是北京奕华盛科技旗下专注于医疗健康陪护服务的平台。我们致力于为患者提供专业、温暖、便捷的陪诊服务,让就医不再孤单。
|
||||
<text class="intro-text">暖橙陪诊是由北京奕华盛科技运营的医疗健康陪诊服务平台。我们致力于为您提供专业、温暖、便捷的陪诊服务,让就医不再孤单。
|
||||
|
||||
我们的服务涵盖挂号陪同、就诊引导、检查陪护、取药代办、住院陪护等全流程就医陪伴,由经过专业培训的陪诊师团队为您提供贴心服务。</text>
|
||||
我们的服务涵盖协助取号、陪同就诊、检查陪护、代取药品与检查报告、出入院代办等就医陪伴环节,由经过专业培训的陪诊师团队为您提供贴心服务。</text>
|
||||
</view>
|
||||
|
||||
<!-- 联系方式 -->
|
||||
<view class="contact-section">
|
||||
<view class="section-title">联系我们</view>
|
||||
<view class="contact-list">
|
||||
<view class="contact-item" bindtap="onCopy" data-content="service@huashengtec.com">
|
||||
<view class="contact-label">客服邮箱</view>
|
||||
<view class="contact-value-wrap">
|
||||
<text class="contact-value">service@huashengtec.com</text>
|
||||
<t-icon name="mail" class="contact-icon" size="32rpx" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="contact-item" bindtap="onCallPhone" data-phone="18618162956">
|
||||
<view class="contact-label">客服热线</view>
|
||||
<view class="contact-value-wrap">
|
||||
<text class="contact-value">18618162956</text>
|
||||
<t-icon name="call" class="contact-icon" size="32rpx" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="contact-item">
|
||||
<view class="contact-label">微信联系</view>
|
||||
<view class="contact-value-wrap">
|
||||
<text class="contact-value">18618162956</text>
|
||||
<t-icon name="logo-wechat-stroke" class="contact-icon" size="32rpx" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="contact-item">
|
||||
<view class="contact-label">工作时间</view>
|
||||
<view class="contact-value-wrap">
|
||||
<text class="contact-value">周一至周日 08:00 - 20:00</text>
|
||||
<t-icon name="calendar-1" class="contact-icon" size="32rpx" />
|
||||
</view>
|
||||
</view>
|
||||
<!-- 联系方式:收成入口,不再平铺四项。
|
||||
四项内容与「联系我们」页逐项重合(热线 / 微信 / 邮箱 / 工作时间),
|
||||
而那一页是超集——每行右侧还带「拨打」「复制」动作词。
|
||||
同一意图只保留一个入口,本页只负责把人送过去。
|
||||
整卡可点,右侧 chevron 是显性点击暗示 -->
|
||||
<view class="contact-section" hover-class="contact-section-hover" bindtap="goToContact">
|
||||
<view class="contact-main">
|
||||
<text class="contact-name">联系我们</text>
|
||||
</view>
|
||||
<t-icon name="chevron-right" class="contact-arrow" size="36rpx" />
|
||||
</view>
|
||||
|
||||
<!-- 底部版权 -->
|
||||
|
||||
+66
-96
@@ -1,6 +1,9 @@
|
||||
/* pages/mine/about.wxss */
|
||||
/* pages/mine/about.wxss
|
||||
配色全部走 app.wxss 的暖橙令牌(DESIGN.md §二)。
|
||||
原灰金 #D4A853 / 亮橙 #FF8500 / 冷灰底 #F5F5F5 / 两处渐变 / 6×28rpx 的渐变竖条,
|
||||
已按 §5.1 与 §四(禁渐变、禁灰金亮橙)收口 */
|
||||
page {
|
||||
background-color: #F5F5F5;
|
||||
background-color: var(--paper);
|
||||
}
|
||||
|
||||
.container {
|
||||
@@ -8,24 +11,27 @@ page {
|
||||
padding-bottom: 48rpx;
|
||||
}
|
||||
|
||||
/* 品牌信息区 */
|
||||
/* 品牌信息区:不铺卡面、直接落在纸面上(同首页 hero),去掉原白→暖白渐变。
|
||||
纸面本身已是暖白,再叠一层自近白到近白只是噪音,且渐变属硬约束禁止项 */
|
||||
.brand-section {
|
||||
background: linear-gradient(180deg, #FFFFFF 0%, #FFF8F0 100%);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 64rpx 32rpx 48rpx;
|
||||
}
|
||||
|
||||
/* 品牌印记:全页唯一实心块。白色线稿(home-w.png)需要深底才看得见,
|
||||
故衬底走 --brand-strong 而非 --brand-soft;阴影用 --shadow-cta 这一档
|
||||
暖橙阴影(DESIGN.md §2.3:只给实心 CTA、品牌印记这类小体量元素) */
|
||||
.logo-wrap {
|
||||
width: 160rpx;
|
||||
height: 160rpx;
|
||||
background: linear-gradient(135deg, #D4A853 0%, #D4A853 100%);
|
||||
background: var(--brand-strong);
|
||||
border-radius: 36rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: 0 8rpx 24rpx rgba(255, 133, 0, 0.2);
|
||||
box-shadow: var(--shadow-cta);
|
||||
}
|
||||
|
||||
.logo {
|
||||
@@ -36,68 +42,34 @@ page {
|
||||
.app-name {
|
||||
font-size: 40rpx;
|
||||
font-weight: 700;
|
||||
color: #1A1A1A;
|
||||
color: var(--ink);
|
||||
margin-top: 24rpx;
|
||||
}
|
||||
|
||||
.app-slogan {
|
||||
font-size: 28rpx;
|
||||
color: #D4A853;
|
||||
margin-top: 12rpx;
|
||||
font-weight: 500;
|
||||
color: var(--brand-ink);
|
||||
margin-top: 12rpx;
|
||||
}
|
||||
|
||||
.version {
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
|
||||
/* 功能列表 */
|
||||
.menu-list {
|
||||
margin: 24rpx 22rpx 0;
|
||||
background: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 32rpx;
|
||||
border-bottom: 1rpx solid #F0F0F0;
|
||||
}
|
||||
|
||||
.menu-item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.menu-item-hover {
|
||||
background-color: #F9F9F9;
|
||||
}
|
||||
|
||||
.menu-text {
|
||||
font-size: 30rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.menu-arrow {
|
||||
color: #CCCCCC;
|
||||
}
|
||||
|
||||
/* 简介区 */
|
||||
/* 简介区:白卡走「2rpx --line 发丝边 + 中性阴影 + 28rpx 圆角」(DESIGN.md §2.3) */
|
||||
.intro-section {
|
||||
margin: 24rpx 22rpx 0;
|
||||
background: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
background: var(--white);
|
||||
border: 2rpx solid var(--line);
|
||||
border-radius: 28rpx;
|
||||
padding: 32rpx;
|
||||
box-shadow: var(--shadow-card);
|
||||
}
|
||||
|
||||
/* 区块标题:单竖条与全站同一套(8rpx 宽 × 34rpx 高、圆角 4rpx、--brand-strong)。
|
||||
原 6×28rpx 走的是灰金→亮橙渐变,换成实色主色。
|
||||
字重 600 改 700:中文系统字体通常只有 400/700 两档,600 在真机会随机落回一档 */
|
||||
.section-title {
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #1A1A1A;
|
||||
font-weight: 700;
|
||||
color: var(--ink);
|
||||
margin-bottom: 20rpx;
|
||||
position: relative;
|
||||
padding-left: 20rpx;
|
||||
@@ -109,69 +81,67 @@ page {
|
||||
left: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 6rpx;
|
||||
height: 28rpx;
|
||||
background: linear-gradient(180deg, #D4A853 0%, #FF8500 100%);
|
||||
width: 8rpx;
|
||||
height: 34rpx;
|
||||
background: var(--brand-strong);
|
||||
border-radius: 4rpx;
|
||||
}
|
||||
|
||||
.intro-text {
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
color: var(--ink-2);
|
||||
line-height: 1.8;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
/* 联系方式 */
|
||||
/* 联系方式:页面尾部的浅橙收口卡,与首页 .quick-item-full、陪诊服务列表页页脚同源。
|
||||
浅橙块靠 2rpx --brand-line 描边托形,不加阴影(DESIGN.md §2.3)。
|
||||
卡里不再平铺四项——那四项与「联系我们」页完全重合,这里只留一个入口,
|
||||
否则同一意图出现两个入口;行内也不再有点击,整块点击行为交给整卡 */
|
||||
.contact-section {
|
||||
margin: 24rpx 22rpx 0;
|
||||
background: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
background: var(--brand-soft);
|
||||
border: 2rpx solid var(--brand-line);
|
||||
border-radius: 28rpx;
|
||||
padding: 32rpx;
|
||||
}
|
||||
|
||||
.contact-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.contact-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 20rpx 0;
|
||||
border-bottom: 1rpx solid #F5F5F5;
|
||||
}
|
||||
|
||||
.contact-item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.contact-label {
|
||||
font-size: 26rpx;
|
||||
color: #999999;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
|
||||
.contact-value-wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.contact-value {
|
||||
font-size: 30rpx;
|
||||
color: #333333;
|
||||
.contact-section-hover {
|
||||
background: var(--brand-line);
|
||||
}
|
||||
|
||||
.contact-main {
|
||||
flex: 1;
|
||||
word-break: break-all;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.contact-icon {
|
||||
color: #FF8500;
|
||||
.contact-name {
|
||||
font-size: 32rpx;
|
||||
font-weight: 700;
|
||||
color: var(--ink);
|
||||
}
|
||||
|
||||
/* 摘要:文案与首页同一张卡一致(人工客服),单行短句,不摊开具体号码 */
|
||||
.contact-desc {
|
||||
margin-top: 8rpx;
|
||||
font-size: 26rpx;
|
||||
color: var(--muted);
|
||||
}
|
||||
|
||||
/* t-icon 的 color 读不到 CSS 变量,只能硬编码,须与令牌同步(DESIGN.md §2.2);
|
||||
此处对应 --muted #6F655C。项目里 chevron 一律 muted,不抢暖橙焦点 */
|
||||
.contact-arrow {
|
||||
color: #6F655C;
|
||||
margin-left: 16rpx;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
/* 底部版权 */
|
||||
/* 底部版权:元信息一律 --muted,它是全站文字对比度底线,不得再浅(§2.2);
|
||||
.icp 原 22rpx 低于中文最小字号 24rpx,按硬约束 1 提到 24rpx */
|
||||
.footer-section {
|
||||
margin-top: 48rpx;
|
||||
display: flex;
|
||||
@@ -182,10 +152,10 @@ page {
|
||||
|
||||
.copyright {
|
||||
font-size: 24rpx;
|
||||
color: #AAAAAA;
|
||||
color: var(--muted);
|
||||
}
|
||||
|
||||
.icp {
|
||||
font-size: 22rpx;
|
||||
color: #CCCCCC;
|
||||
font-size: 24rpx;
|
||||
color: var(--muted);
|
||||
}
|
||||
|
||||
+3
-3
@@ -20,7 +20,7 @@ Page({
|
||||
},
|
||||
// 菜单分组:按"用途"而非"是不是陪诊"分,三组才立得住。
|
||||
// 图标与首页同目的地同图形(同一含义只对应一个表达,从色值延伸到图标):
|
||||
// 预约记录 calendar-1、健康档案 user-checked、联系我们 call 均与首页一致。
|
||||
// 预约记录 calendar-1、就诊人 user-checked、联系我们 call 均与首页一致。
|
||||
// requiresLogin 的组在未登录时整组隐藏——这些入口都依赖用户身份
|
||||
menuGroups: [{
|
||||
groupName: '我的服务',
|
||||
@@ -31,7 +31,7 @@ Page({
|
||||
icon: 'calendar-1',
|
||||
bindtap: 'onTapEscortRecord'
|
||||
}, {
|
||||
name: '健康档案',
|
||||
name: '就诊人',
|
||||
icon: 'user-checked',
|
||||
bindtap: 'onTapHealth'
|
||||
}, {
|
||||
@@ -199,7 +199,7 @@ Page({
|
||||
onLogout() {
|
||||
wx.showModal({
|
||||
title: '退出登录',
|
||||
content: '退出后需要重新授权手机号,才能查看预约记录与健康档案',
|
||||
content: '退出后需要重新授权手机号,才能查看预约记录与就诊人',
|
||||
confirmText: '退出',
|
||||
// confirmColor 是属性值,读不到 CSS 变量,取值须与令牌同步(DESIGN.md §5.1)
|
||||
confirmColor: '#B8520A',
|
||||
|
||||
Reference in New Issue
Block a user