修改界面中,临时提交
This commit is contained in:
@@ -0,0 +1,70 @@
|
||||
// pages/mine/contact.js
|
||||
Page({
|
||||
data: {
|
||||
// 联系方式配置:action 决定点击行为,call=拨号 / copy=复制 / 空=不可点
|
||||
contactItems: [{
|
||||
label: '客服热线',
|
||||
value: '18618162956',
|
||||
icon: 'call',
|
||||
action: 'call'
|
||||
},
|
||||
{
|
||||
label: '微信联系',
|
||||
value: '18618162956',
|
||||
icon: 'logo-wechat-stroke',
|
||||
action: 'copy'
|
||||
},
|
||||
{
|
||||
label: '客服邮箱',
|
||||
value: 'service@huashengtec.com',
|
||||
icon: 'mail',
|
||||
action: 'copy'
|
||||
},
|
||||
{
|
||||
label: '工作时间',
|
||||
value: '周一至周日 08:00 - 20:00',
|
||||
icon: 'calendar-1',
|
||||
action: ''
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
onItemTap(e) {
|
||||
const {
|
||||
action,
|
||||
value
|
||||
} = e.currentTarget.dataset
|
||||
|
||||
if (action === 'call') {
|
||||
wx.makePhoneCall({
|
||||
phoneNumber: value
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
if (action === 'copy') {
|
||||
wx.setClipboardData({
|
||||
data: value,
|
||||
success: () => {
|
||||
wx.showToast({
|
||||
title: '已复制',
|
||||
icon: 'success'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
onShareAppMessage() {
|
||||
return {
|
||||
title: '暖橙陪诊', // 转发标题
|
||||
path: '/pages/mine/contact'
|
||||
}
|
||||
},
|
||||
|
||||
onShareTimeline() {
|
||||
return {
|
||||
title: '暖橙陪诊'
|
||||
}
|
||||
}
|
||||
})
|
||||
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"navigationBarTitleText": "联系我们",
|
||||
"usingComponents": {
|
||||
"t-icon": "tdesign-miniprogram/icon/icon"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
<!--pages/mine/contact.wxml-->
|
||||
<view class="page-bg">
|
||||
<view class="container">
|
||||
|
||||
<!-- 头部:小色带 + 白底(内页规范,不做整块主色面板) -->
|
||||
<view class="page-header">
|
||||
<view class="header-accent"></view>
|
||||
<text class="header-title">联系我们</text>
|
||||
<text class="header-subtitle">人工客服在线,有问题随时找我们</text>
|
||||
</view>
|
||||
|
||||
<!-- 联系方式:action 决定点击行为(call 拨号 / copy 复制) -->
|
||||
<view class="card">
|
||||
<view class="contact-item" wx:for="{{ contactItems }}" wx:key="label"
|
||||
data-action="{{ item.action }}" data-value="{{ item.value }}" bindtap="onItemTap">
|
||||
<view class="contact-icon">
|
||||
<t-icon name="{{ item.icon }}" size="32rpx" color="#9A3412" />
|
||||
</view>
|
||||
<view class="contact-info">
|
||||
<text class="contact-label">{{ item.label }}</text>
|
||||
<text class="contact-value">{{ item.value }}</text>
|
||||
</view>
|
||||
<text class="contact-action" wx:if="{{ item.action === 'call' }}">拨打</text>
|
||||
<text class="contact-action" wx:elif="{{ item.action === 'copy' }}">复制</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 提示:非工作时间的兜底沟通方式 -->
|
||||
<view class="tips-card">
|
||||
<text class="tips-text">服务时间外如需帮助,可在「AI客服」留言,我们会在工作时间内回复您。</text>
|
||||
</view>
|
||||
|
||||
<view class="footer-space"></view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -0,0 +1,145 @@
|
||||
/* pages/mine/contact.wxss
|
||||
与首页、陪诊指南页共用一套暖橙 + 暖白令牌,保证内页风格一致 */
|
||||
page {
|
||||
--brand-strong: #C2410C; /* 实心块/按钮:白字 4.69:1,过 AA 正文 */
|
||||
--brand-soft: #FFF4E8; /* 图标衬底、标签底 */
|
||||
--brand-line: #FFE0C2; /* 浅橙衬底描边 */
|
||||
--brand-ink: #9A3412; /* 浅橙衬底上的文字/图标:6.8:1,过 AA */
|
||||
|
||||
--ink: #2B2521;
|
||||
--muted: #7A7068; /* 白底 4.8:1,过 AA 正文 */
|
||||
--line: #F0E9E0; /* 米色发丝边 */
|
||||
--paper: #FAF6F0; /* 暖白纸面 */
|
||||
--white: #FFFFFF;
|
||||
|
||||
--shadow-card: 0 2rpx 10rpx rgba(63, 43, 25, 0.04);
|
||||
|
||||
background-color: var(--paper);
|
||||
}
|
||||
|
||||
.page-bg {
|
||||
min-height: 100vh;
|
||||
background: var(--paper);
|
||||
}
|
||||
|
||||
.container {
|
||||
padding: 32rpx 32rpx 0;
|
||||
}
|
||||
|
||||
/* ===== 头部:小色带 + 深墨标题 ===== */
|
||||
.page-header {
|
||||
padding: 24rpx 0 8rpx;
|
||||
}
|
||||
|
||||
.header-accent {
|
||||
width: 64rpx;
|
||||
height: 8rpx;
|
||||
border-radius: 4rpx;
|
||||
background: var(--brand-strong);
|
||||
}
|
||||
|
||||
.header-title {
|
||||
display: block;
|
||||
margin-top: 20rpx;
|
||||
font-size: 46rpx;
|
||||
font-weight: 700;
|
||||
color: var(--ink);
|
||||
letter-spacing: 1rpx;
|
||||
}
|
||||
|
||||
.header-subtitle {
|
||||
display: block;
|
||||
margin-top: 12rpx;
|
||||
font-size: 26rpx;
|
||||
color: var(--muted);
|
||||
letter-spacing: 1rpx;
|
||||
}
|
||||
|
||||
/* ===== 联系方式卡片 ===== */
|
||||
.card {
|
||||
margin-top: 32rpx;
|
||||
padding: 8rpx 26rpx;
|
||||
border-radius: 28rpx;
|
||||
background: var(--white);
|
||||
border: 2rpx solid var(--line);
|
||||
box-shadow: var(--shadow-card);
|
||||
}
|
||||
|
||||
.contact-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 26rpx 0;
|
||||
border-bottom: 2rpx solid var(--line);
|
||||
}
|
||||
|
||||
.contact-item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.contact-item:active {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
/* 浅橙衬底圆角方块:与首页 .contact-icon 同构 */
|
||||
.contact-icon {
|
||||
width: 68rpx;
|
||||
height: 68rpx;
|
||||
border-radius: 20rpx;
|
||||
background: var(--brand-soft);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 18rpx;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.contact-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.contact-label {
|
||||
font-size: 24rpx;
|
||||
color: var(--muted);
|
||||
}
|
||||
|
||||
.contact-value {
|
||||
margin-top: 6rpx;
|
||||
font-size: 30rpx;
|
||||
font-weight: 600;
|
||||
color: var(--ink);
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
/* 右侧动作标签:浅橙底 + 橙字,提示这一行可点 */
|
||||
.contact-action {
|
||||
flex-shrink: 0;
|
||||
margin-left: 16rpx;
|
||||
padding: 6rpx 16rpx;
|
||||
border-radius: 999rpx;
|
||||
background: var(--brand-soft);
|
||||
color: var(--brand-ink);
|
||||
font-size: 24rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* ===== 提示条 ===== */
|
||||
.tips-card {
|
||||
margin-top: 24rpx;
|
||||
padding: 24rpx 26rpx;
|
||||
border-radius: 20rpx;
|
||||
background: var(--brand-soft);
|
||||
border: 2rpx solid var(--brand-line);
|
||||
}
|
||||
|
||||
.tips-text {
|
||||
font-size: 26rpx;
|
||||
color: var(--brand-ink);
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.footer-space {
|
||||
height: 60rpx;
|
||||
}
|
||||
+16
-1
@@ -52,6 +52,12 @@ Page({
|
||||
|
||||
onShow() {
|
||||
this.loadUserInfo()
|
||||
// 同步自定义 tabBar 选中态(我的为第 2 项)
|
||||
if (typeof this.getTabBar === 'function' && this.getTabBar()) {
|
||||
this.getTabBar().setData({
|
||||
selected: 2
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
loadUserInfo() {
|
||||
@@ -126,7 +132,9 @@ Page({
|
||||
},
|
||||
|
||||
onTapHealth() {
|
||||
wx.showToast({ title: '正在建设中', icon: 'none' })
|
||||
wx.navigateTo({
|
||||
url: '/pages/health/profilelist'
|
||||
})
|
||||
},
|
||||
|
||||
onHealthClose() {
|
||||
@@ -149,6 +157,13 @@ Page({
|
||||
this.setData({ settingVisible: true })
|
||||
},
|
||||
|
||||
// 页脚 B 端合作链接:暂无独立页面,统一转接人工客服
|
||||
onFooterTap() {
|
||||
wx.makePhoneCall({
|
||||
phoneNumber: '18618162956'
|
||||
})
|
||||
},
|
||||
|
||||
onSettingClose() {
|
||||
this.setData({ settingVisible: false })
|
||||
},
|
||||
|
||||
@@ -21,6 +21,14 @@
|
||||
</view>
|
||||
|
||||
<view class="footer-section">
|
||||
<!-- B 端合作入口:从首页移入,避免干扰患者/家属的主流程 -->
|
||||
<view class="footer-links">
|
||||
<text class="footer-link" bindtap="onFooterTap">企业/机构合作</text>
|
||||
<text class="footer-sep">·</text>
|
||||
<text class="footer-link" bindtap="onFooterTap">陪诊师入驻</text>
|
||||
<text class="footer-sep">·</text>
|
||||
<text class="footer-link" bindtap="onFooterTap">商务合作</text>
|
||||
</view>
|
||||
<text class="version">版本号:V 1.1.3</text>
|
||||
<text class="copyright">© 2026 北京奕华盛科技 版权所有</text>
|
||||
</view>
|
||||
|
||||
@@ -7,6 +7,8 @@ page {
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/* 给 fixed 的自定义 tabBar 留位,避免底部版权被盖住 */
|
||||
padding-bottom: calc(140rpx + env(safe-area-inset-bottom));
|
||||
}
|
||||
|
||||
.header-card {
|
||||
@@ -141,6 +143,28 @@ page {
|
||||
margin-top: auto;
|
||||
}
|
||||
|
||||
/* B 端合作链接:从首页移入,样式沿用首页页脚的低调文字链 */
|
||||
.footer-links {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.footer-link {
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.footer-link:active {
|
||||
color: #22A45D;
|
||||
}
|
||||
|
||||
.footer-sep {
|
||||
font-size: 24rpx;
|
||||
color: #D4D4D8;
|
||||
margin: 0 16rpx;
|
||||
}
|
||||
|
||||
.version {
|
||||
font-size: 24rpx;
|
||||
color: #B0B0B0;
|
||||
|
||||
Reference in New Issue
Block a user