xJourney/wxapp_escort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v1.1.0

Browse Source
This commit is contained in:
lik
2026-06-04 09:14:50 +08:00
parent c121ebdb94
commit 535827b17b
19 changed files with 1648 additions and 251 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
pages/home/index.js
View File

@@ -1,23 +1,21 @@
Page({
data: {
escortServices: [
{ id: 1, name: '陪诊', icon: 'heart', url: '', type: '' },
{ id: 2, name: '代问诊', icon: 'chat-heart', url: '', type: '' },
{ id: 3, name: '代预约', icon: 'draft', url: '', type: '' },
{ id: 4, name: '其他助诊', icon: 'cooperate', url: '', type: '' },
{ id: 1, name: '陪诊', icon: 'heart', iconColor: '#E11D48', bgColor: '#FFF1F2' },
{ id: 2, name: '代问诊', icon: 'chat-heart', iconColor: '#EA580C', bgColor: '#FFF7ED' },
{ id: 3, name: '代办理', icon: 'fact-check', iconColor: '#059669', bgColor: '#ECFDF5' },
{ id: 8, name: '其他助诊', icon: 'app', iconColor: '#2563EB', bgColor: '#EFF6FF' }
],
otherServices: [
{ id: 1, name: '代探望', icon: 'apple', url: '', type: '' },
{ id: 2, name: '企业陪诊', icon: 'city-8', url: '', type: '' },
{ id: 3, name: '陪诊师入驻', icon: 'usergroup', url: '', type: '' },
{ id: 4, name: '商务合作', icon: 'command', url: '', type: '' },
{ id: 1, name: '代探望', icon: 'apple', url: '', type: '', iconColor: '#7C3AED', bgColor: '#F5F3FF' },
{ id: 2, name: '企业陪诊', icon: 'city-8', url: '', type: '', iconColor: '#D97706', bgColor: '#FFFBEB' },
{ id: 3, name: '陪诊师入驻', icon: 'usergroup', url: '', type: '', iconColor: '#4F46E5', bgColor: '#EEF2FF' },
{ id: 4, name: '商务合作', icon: 'command', url: '', type: '', iconColor: '#0D9488', bgColor: '#F0FDFA' },
],
tools: [
{ id: 1, name: '医院电话', icon: 'call', url: 'pages/hospital/contact', type: 'page' },
{ id: 2, name: '科室排行', icon: 'ai-coordinate-system', url: 'pages/hospital/ranking', type: 'page' },
{ id: 3, name: '医保备案', icon: 'system-code', url: '#小程序://异地备案/FfXUvTLmNptZx5E', type: 'wxapp' },
{ id: 4, name: '医疗影像', icon: 'film-1', url: '', type: '' }
]
{ id: 1, name: '预约记录', icon: 'assignment', url: 'pages/escort/recordlist', type: 'page', iconColor: '#0891B2', bgColor: '#ECFEFF' },
{ id: 2, name: '健康档案', icon: 'attach', url: '', type: '', iconColor: '#DB2777', bgColor: '#FDF2F8' }
]
},
async onLoad() {
@@ -52,7 +50,7 @@ Page({
const item = e.currentTarget.dataset.item;
if (!item || !item.type || !item.url) {
wx.showToast({
title: '建设中, 请电话联系！',
title: '建设中...',
icon: 'none'
});
return;
@@ -72,7 +70,7 @@ Page({
break;
default:
wx.showToast({
title: '建设中, 请电话联系！',
title: '建设中...',
icon: 'none'
});
}

171
pages/home/index.wxml
View File

@@ -1,95 +1,110 @@
<view class="container">
<!-- 顶部导航栏 -->
<view class="nav-bar">
<view class="nav-logo">
<image class="logo-icon" src="/images/home-yellow.png" mode="aspectFit"></image>
<text class="logo-text">暖橙陪诊</text>
</view>
</view>
<view class="page-bg">
<view class="container">
<!-- Banner区域 -->
<view class="banner-section">
<view class="banner-card">
<image class="banner-bg" src="/images/banner.jpg" mode="aspectFill"></image>
<view class="banner-text">
<text class="banner-title">专业陪诊</text>
<text class="banner-subtitle"></text>
<text class="banner-en">让就医更简单，让客户更安心</text>
<!-- 顶部导航栏 -->
<view class="nav-bar">
<view class="nav-logo">
<image class="logo-icon" src="/images/home-yellow.png" mode="aspectFit"></image>
<text class="logo-text">暖橙陪诊</text>
</view>
</view>
</view>
<!-- 服务卡片 -->
<view class="service-cards">
<view class="service-card" bindtap="goToAiChat">
<image class="card-img" src="/images/ai-yellow.png" mode="aspectFit"></image>
<view class="card-info">
<text class="card-title">客服咨询</text>
<text class="card-en">AI Customer service</text>
</view>
</view>
<view class="service-card vip" bindtap="goToContact">
<view class="card-info">
<text class="card-title">联系我们</text>
<text class="card-en">Contact us anytime</text>
</view>
<image class="card-img" src="/images/call.png" mode="aspectFit"></image>
</view>
</view>
<!-- 助诊服务 -->
<view class="assist-section">
<view class="section-header">
<view class="section-title-wrap">
<t-icon name="system-3" class="section-icon" size="40rpx"/>
<text class="section-title">助诊服务</text>
</view>
<text class="section-more" bindtap="goToServiceList">全部 >></text>
</view>
<view class="assist-grid">
<view class="assist-item" wx:for="{{ escortServices }}" wx:key="id" bindtap="goToAssistDetail" data-id="{{ item.id }}">
<view class="assist-icon-circle">
<t-icon name="{{ item.icon }}" class="assist-icon" />
<!-- Banner区域 -->
<view class="banner-section">
<view class="banner-card">
<image class="banner-bg" src="/images/banner.jpg" mode="aspectFill"></image>
<view class="banner-overlay"></view>
<view class="banner-text">
<text class="banner-title">专业陪诊</text>
<text class="banner-en">让就医更简单，让客户更安心</text>
</view>
<text class="assist-name">{{ item.name }}</text>
</view>
</view>
</view>
<!-- 就诊工具 -->
<view class="tool-section">
<view class="section-header">
<view class="section-title-wrap">
<t-icon name="tools" class="section-icon" size="40rpx"/>
<text class="section-title">就医工具</text>
<!-- 服务卡片 -->
<view class="service-cards">
<view class="service-card" bindtap="goToAiChat">
<view class="card-content">
<view class="card-badge">AI</view>
<text class="card-title">客服咨询</text>
<text class="card-en">Customer Service</text>
</view>
<view class="card-icon-wrap">
<image class="card-img" src="/images/ai-yellow.png" mode="aspectFit"></image>
</view>
</view>
<view class="service-card vip" bindtap="goToContact">
<view class="card-content">
<view class="card-badge vip-badge">24H</view>
<text class="card-title">联系我们</text>
<text class="card-en">Contact Us</text>
</view>
<view class="card-icon-wrap vip-icon-wrap">
<image class="card-img" src="/images/call.png" mode="aspectFit"></image>
</view>
</view>
</view>
<view class="assist-grid">
<view class="assist-item" wx:for="{{ tools }}" wx:key="id" bindtap="goToOtherServicesDetail" data-item="{{ item }}">
<view class="assist-icon-circle">
<t-icon name="{{ item.icon }}" class="assist-icon" />
<!-- 助诊服务 -->
<view class="section-card">
<view class="section-header">
<view class="section-title-wrap">
<view class="section-accent"></view>
<text class="section-title">助诊服务</text>
</view>
<view class="section-more" bindtap="goToServiceList">
<text>全部</text>
<t-icon name="chevron-right" size="24rpx" class="more-icon"/>
</view>
</view>
<view class="assist-grid">
<view class="assist-item" wx:for="{{ escortServices }}" wx:key="id" bindtap="goToAssistDetail" data-id="{{ item.id }}">
<view class="assist-icon-circle" style="background: {{ item.bgColor }}; border-color: {{ item.bgColor }};">
<t-icon name="{{ item.icon }}" class="assist-icon" size="44rpx" color="{{ item.iconColor }}" />
</view>
<text class="assist-name">{{ item.name }}</text>
</view>
</view>
</view>
<!-- 其他业务 -->
<view class="section-card">
<view class="section-header">
<view class="section-title-wrap">
<view class="section-accent"></view>
<text class="section-title">其他业务</text>
</view>
</view>
<view class="assist-grid">
<view class="assist-item" wx:for="{{ otherServices }}" wx:key="id" bindtap="goToOtherServicesDetail" data-item="{{ item }}">
<view class="assist-icon-circle" style="background: {{ item.bgColor }}; border-color: {{ item.bgColor }};">
<t-icon name="{{ item.icon }}" class="assist-icon" size="44rpx" color="{{ item.iconColor }}" />
</view>
<text class="assist-name">{{ item.name }}</text>
</view>
</view>
</view>
<!-- 其他业务 -->
<view class="other-section">
<view class="section-header">
<view class="section-title-wrap">
<t-icon name="indicator" class="section-icon" size="40rpx"/>
<text class="section-title">其他业务</text>
</view>
</view>
<view class="assist-grid">
<view class="assist-item" wx:for="{{ otherServices }}" wx:key="id" bindtap="goToOtherServicesDetail" data-item="{{ item }}">
<view class="assist-icon-circle">
<t-icon name="{{ item.icon }}" class="assist-icon" />
</view>
<text class="assist-name">{{ item.name }}</text>
</view>
</view>
</view>
<!-- 我的 -->
<view class="section-card">
<view class="section-header">
<view class="section-title-wrap">
<view class="section-accent"></view>
<text class="section-title">我的信息</text>
</view>
</view>
<view class="assist-grid">
<view class="assist-item" wx:for="{{ tools }}" wx:key="id" bindtap="goToOtherServicesDetail" data-item="{{ item }}">
<view class="assist-icon-circle" style="background: {{ item.bgColor }}; border-color: {{ item.bgColor }};">
<t-icon name="{{ item.icon }}" class="assist-icon" size="44rpx" color="{{ item.iconColor }}" />
</view>
<text class="assist-name">{{ item.name }}</text>
</view>
</view>
</view>
<!-- 底部留白 -->
<view class="footer-space"></view>
</view>
</view>

235
pages/home/index.wxss
View File

@@ -1,10 +1,14 @@
page {
background-color: #F5F7F6;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.container {
.page-bg {
min-height: 100vh;
background: #F3F4F6;
}
.container {
padding: 0 22rpx 22rpx;
}
/* 顶部导航栏 */
@@ -12,8 +16,7 @@ page {
display: flex;
align-items: center;
justify-content: space-between;
padding: 120rpx 32rpx 20rpx 32rpx;
background: #FFFFFF;
padding: 120rpx 0 24rpx;
}
.nav-logo {
@@ -22,181 +25,173 @@ page {
}
.logo-icon {
width: 56rpx;
height: 56rpx;
border-radius: 16rpx;
background: #FFFFFF;
padding: 4rpx;
width: 52rpx;
height: 52rpx;
border-radius: 14rpx;
}
.logo-text {
font-size: 36rpx;
font-weight: 700;
color: #1F2937;
margin-left: 16rpx;
}
.nav-actions {
display: flex;
align-items: center;
gap: 20rpx;
}
.nav-more {
display: flex;
align-items: center;
gap: 6rpx;
}
.nav-more .dot {
width: 8rpx;
height: 8rpx;
border-radius: 50%;
background: #1F2937;
}
.nav-circle {
width: 40rpx;
height: 40rpx;
border-radius: 50%;
border: 4rpx solid #1F2937;
font-size: 32rpx;
font-weight: 600;
color: rgba(249, 115, 22, 0.8);
margin-left: 14rpx;
letter-spacing: 2rpx;
}
/* Banner区域 */
.banner-section {
padding: 24rpx 32rpx;
background: #FFFFFF;
margin-top: 8rpx;
}
.banner-card {
background: #FFFFFF;
border-radius: 24rpx;
padding: 20rpx 32rpx;
position: relative;
border-radius: 28rpx;
overflow: hidden;
height: 320rpx;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
overflow: hidden;
min-height: 280rpx;
box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.08);
}
.banner-bg {
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.banner-text {
flex: 1;
.banner-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(249, 115, 22, 0.8) 0%, rgba(251, 146, 60, 0.5) 50%, rgba(251, 191, 36, 0.15) 100%);
z-index: 2;
}
.banner-text {
position: relative;
z-index: 3;
padding: 0 40rpx;
display: flex;
flex-direction: column;
}
.banner-title {
font-size: 52rpx;
font-weight: 800;
color: #D4A853;
letter-spacing: 4rpx;
line-height: 1.2;
}
.banner-subtitle {
font-size: 52rpx;
font-weight: 800;
color: #2D6A4F;
letter-spacing: 4rpx;
font-size: 50rpx;
font-weight: 600;
color: #FFFFFF;
letter-spacing: 6rpx;
line-height: 1.2;
text-shadow: 0 4rpx 16rpx rgba(234, 88, 12, 0.3);
}
.banner-en {
font-size: 26rpx;
color: #6B8E7B;
letter-spacing: 6rpx;
font-size: 24rpx;
color: rgba(255, 255, 255, 0.95);
letter-spacing: 4rpx;
margin-top: 16rpx;
font-weight: 500;
}
/* 服务卡片 */
.service-cards {
display: flex;
gap: 20rpx;
padding: 36rpx 32rpx;
margin-top: 18rpx;
background: #FFFFFF;
margin-top: 28rpx;
}
.service-card {
flex: 1;
background: #FFFFFF;
border-radius: 24rpx;
padding: 24rpx;
padding: 28rpx 24rpx;
display: flex;
align-items: center;
justify-content: space-between;
box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.06);
border: 2rpx solid #F0F0F0;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
transition: transform 0.2s ease;
}
.card-img {
width: 90rpx;
height: 90rpx;
.service-card:active {
transform: scale(0.98);
}
.card-info {
.card-content {
display: flex;
flex-direction: column;
flex: 1;
margin-left: 16rpx;
}
.service-card.vip .card-info {
margin-left: 0;
margin-right: 16rpx;
.card-badge {
align-self: flex-start;
background: #FEF3C7;
color: #D97706;
font-size: 20rpx;
font-weight: 700;
padding: 4rpx 14rpx;
border-radius: 8rpx;
margin-bottom: 14rpx;
letter-spacing: 1rpx;
}
.vip-badge {
background: #DBEAFE;
color: #2563EB;
}
.card-title {
font-size: 30rpx;
font-weight: 700;
color: #1F2937;
margin-bottom: 8rpx;
color: #111827;
margin-bottom: 6rpx;
}
.card-en {
font-size: 20rpx;
color: #9CA3AF;
line-height: 1.3;
font-weight: 400;
}
/* 助诊服务 */
.assist-section {
background: #FFFFFF;
padding: 50rpx 32rpx;
margin-top: 20rpx;
.card-icon-wrap {
width: 88rpx;
height: 88rpx;
border-radius: 22rpx;
background: #FEF9C3;
display: flex;
align-items: center;
justify-content: center;
margin-left: 16rpx;
flex-shrink: 0;
}
.other-section {
background: #FFFFFF;
padding: 50rpx 32rpx;
margin-top: 20rpx;
.vip-icon-wrap {
background: #DBEAFE;
}
.tool-section {
.card-img {
width: 52rpx;
height: 52rpx;
}
/* 通用区块卡片 */
.section-card {
background: #FFFFFF;
padding: 50rpx 32rpx;
margin-top: 20rpx;
border-radius: 24rpx;
padding: 32rpx 28rpx;
margin-top: 24rpx;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
}
.section-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 32rpx;
padding: 0rpx 30rpx;
margin-bottom: 24rpx;
}
.section-title-wrap {
@@ -204,22 +199,35 @@ page {
align-items: center;
}
.section-icon {
margin-right: 12rpx;
color: #D4A853;
.section-accent {
width: 6rpx;
height: 32rpx;
background: #F59E0B;
border-radius: 4rpx;
margin-right: 14rpx;
}
.section-title {
font-size: 34rpx;
font-size: 32rpx;
font-weight: 700;
color: #1F2937;
color: #111827;
letter-spacing: 2rpx;
}
.section-more {
display: flex;
align-items: center;
font-size: 26rpx;
color: #2D6A4F;
color: #6B7280;
font-weight: 500;
}
.more-icon {
margin-left: 4rpx;
color: #9CA3AF;
}
/* 网格 */
.assist-grid {
display: flex;
flex-wrap: wrap;
@@ -231,26 +239,35 @@ page {
flex-direction: column;
align-items: center;
padding: 20rpx 0;
transition: transform 0.15s ease;
}
.assist-item:active {
transform: scale(0.95);
}
.assist-icon-circle {
width: 96rpx;
height: 96rpx;
border-radius: 50%;
border: 2rpx solid #E8F0EC;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16rpx;
background: #FFFFFF;
background: #F9FAFB;
border: 2rpx solid #F3F4F6;
}
.assist-icon {
font-size: 44rpx;
color: #4B5563;
}
.assist-name {
font-size: 28rpx;
color: #6B7280;
font-weight: 400;
color: #4B5563;
font-weight: 500;
}
.footer-space {
height: 40rpx;
}