界面改版

This commit is contained in:
lik
2026-05-28 19:27:15 +08:00
parent db0f47d994
commit 9447452e6f
17 changed files with 48 additions and 32 deletions

View File

@@ -15,7 +15,7 @@
}, },
"tabBar": { "tabBar": {
"color": "#999999", "color": "#999999",
"selectedColor": "#D4A853", "selectedColor": "#2D6A4F",
"backgroundColor": "#FFFFFF", "backgroundColor": "#FFFFFF",
"borderStyle": "black", "borderStyle": "black",
"list": [ "list": [
@@ -23,19 +23,19 @@
"pagePath": "pages/home/index", "pagePath": "pages/home/index",
"text": "首页", "text": "首页",
"iconPath": "images/home.png", "iconPath": "images/home.png",
"selectedIconPath": "images/home-active.png" "selectedIconPath": "images/home-green.png"
}, },
{ {
"pagePath": "pages/ai/aichat", "pagePath": "pages/ai/aichat",
"text": "AI客服", "text": "AI客服",
"iconPath": "images/ai.png", "iconPath": "images/ai.png",
"selectedIconPath": "images/ai-active.png" "selectedIconPath": "images/ai-green.png"
}, },
{ {
"pagePath": "pages/mine/mine", "pagePath": "pages/mine/mine",
"text": "我的", "text": "我的",
"iconPath": "images/mine.png", "iconPath": "images/mine.png",
"selectedIconPath": "images/mine-active.png" "selectedIconPath": "images/mine-green.png"
} }
] ]
}, },

BIN
images/ai-green.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

View File

Before

Width:  |  Height:  |  Size: 6.2 KiB

After

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.9 KiB

BIN
images/home-green.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

View File

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 6.9 KiB

BIN
images/mine-green.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

View File

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.7 KiB

View File

@@ -77,7 +77,7 @@
<!-- AI正在输入提示 --> <!-- AI正在输入提示 -->
<view class="message-item ai" wx:if="{{isTyping}}"> <view class="message-item ai" wx:if="{{isTyping}}">
<image class="avatar ai-avatar" src="/images/home-active2.png" mode="aspectFill" /> <image class="avatar ai-avatar" src="/images/home-yellow.png" mode="aspectFill" />
<view class="message-content"> <view class="message-content">
<view class="message-bubble typing-bubble"> <view class="message-bubble typing-bubble">
<view class="typing-indicator"> <view class="typing-indicator">

View File

@@ -1,34 +1,34 @@
Page({ Page({
data: { data: {
assistServices: [ assistServices: [
{ id: 1, name: '陪诊', icon: 'user-vip', iconColor: '#2D6A4F' }, { id: 1, name: '陪诊', icon: 'heart-filled', iconColor: '#2D6A4F' },
{ id: 2, name: '代办问诊', icon: 'chat', iconColor: '#2D6A4F' }, { id: 2, name: '代办问诊', icon: 'chat-heart-filled', iconColor: '#2D6A4F' },
{ id: 3, name: '代办买药', icon: 'cart', iconColor: '#2D6A4F' }, { id: 3, name: '代办买药', icon: 'cart-filled', iconColor: '#2D6A4F' },
{ id: 4, name: '代取结果', icon: 'file-paste', iconColor: '#2D6A4F' }, { id: 4, name: '代取结果', icon: 'draft-filled', iconColor: '#2D6A4F' },
{ id: 5, name: '检查预约', icon: 'calendar', iconColor: '#2D6A4F' }, { id: 5, name: '检查预约', icon: 'calendar-filled', iconColor: '#2D6A4F' },
{ id: 6, name: '出入院办理', icon: 'chart-bar', iconColor: '#2D6A4F' }, { id: 6, name: '出入院办理', icon: 'bridge', iconColor: '#2D6A4F' },
{ id: 7, name: 'vip陪诊', icon: 'user-star', iconColor: '#2D6A4F' }, { id: 7, name: 'vip陪诊', icon: 'user-vip-filled', iconColor: '#2D6A4F' },
{ id: 8, name: '其他服务', icon: 'app', iconColor: '#2D6A4F' } { id: 8, name: '其他助诊', icon: 'app-filled', iconColor: '#2D6A4F' }
], ],
otherServices: [ otherServices: [
{ id: 1, name: '代办问诊', icon: 'heart', iconColor: '#D4A853' }, { id: 1, name: '代探望', icon: 'apple', iconColor: '#D4A853' },
{ id: 2, name: '代办买药', icon: 'cart', iconColor: '#D4A853' }, { id: 2, name: '陪诊师入住', icon: 'usergroup', iconColor: '#D4A853' },
{ id: 3, name: '代取结果', icon: 'ai-article', iconColor: '#D4A853' }, { id: 3, name: '商务合作', icon: 'command', iconColor: '#D4A853' },
] ]
}, },
async onLoad() { async onLoad() {
}, },
goToEscort() { goToAiChat() {
wx.navigateTo({ wx.switchTab({
url: '/pages/escort/itemlist' url: '/pages/ai/aichat'
}); });
}, },
goToVipEscort() { goToContact() {
wx.navigateTo({ wx.makePhoneCall({
url: '/pages/escort/itemlist?type=vip' phoneNumber: '18618162956'
}); });
}, },

View File

@@ -2,7 +2,7 @@
<!-- 顶部导航栏 --> <!-- 顶部导航栏 -->
<view class="nav-bar"> <view class="nav-bar">
<view class="nav-logo"> <view class="nav-logo">
<image class="logo-icon" src="/images/home-active.png" mode="aspectFit"></image> <image class="logo-icon" src="/images/home-yellow.png" mode="aspectFit"></image>
<text class="logo-text">暖橙陪诊</text> <text class="logo-text">暖橙陪诊</text>
</view> </view>
</view> </view>
@@ -21,14 +21,14 @@
<!-- 服务卡片 --> <!-- 服务卡片 -->
<view class="service-cards"> <view class="service-cards">
<view class="service-card" bindtap="goToEscort"> <view class="service-card" bindtap="goToAiChat">
<image class="card-img" src="/images/ai-active.png" mode="aspectFit"></image> <image class="card-img" src="/images/ai-yellow.png" mode="aspectFit"></image>
<view class="card-info"> <view class="card-info">
<text class="card-title">客服咨询</text> <text class="card-title">客服咨询</text>
<text class="card-en">AI Customer service</text> <text class="card-en">AI Customer service</text>
</view> </view>
</view> </view>
<view class="service-card vip" bindtap="goToVipEscort"> <view class="service-card vip" bindtap="goToContact">
<view class="card-info"> <view class="card-info">
<text class="card-title">联系我们</text> <text class="card-title">联系我们</text>
<text class="card-en">Contact us anytime</text> <text class="card-en">Contact us anytime</text>
@@ -41,7 +41,7 @@
<view class="assist-section"> <view class="assist-section">
<view class="section-header"> <view class="section-header">
<view class="section-title-wrap"> <view class="section-title-wrap">
<t-icon name="user-vip" class="section-icon" size="40rpx" color="#2D6A4F" /> <t-icon name="system-3" class="section-icon" size="40rpx"/>
<text class="section-title">助诊服务</text> <text class="section-title">助诊服务</text>
</view> </view>
<text class="section-more" bindtap="goToServiceList">全部 >></text> <text class="section-more" bindtap="goToServiceList">全部 >></text>
@@ -56,4 +56,21 @@
</view> </view>
</view> </view>
<!-- 其他服务 -->
<view class="assist-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="goToAssistDetail" data-id="{{ item.id }}">
<view class="assist-icon-circle">
<t-icon name="{{ item.icon }}" class="assist-icon" style="color: #2D6A4F;" />
</view>
<text class="assist-name">{{ item.name }}</text>
</view>
</view>
</view>
</view> </view>

View File

@@ -5,7 +5,6 @@ page {
.container { .container {
min-height: 100vh; min-height: 100vh;
padding-bottom: 40rpx;
} }
/* 顶部导航栏 */ /* 顶部导航栏 */
@@ -126,7 +125,7 @@ page {
.service-cards { .service-cards {
display: flex; display: flex;
gap: 20rpx; gap: 20rpx;
padding: 24rpx 32rpx; padding: 36rpx 32rpx;
/*margin-top: 18rpx;*/ /*margin-top: 18rpx;*/
background: #FFFFFF; background: #FFFFFF;
} }
@@ -194,7 +193,7 @@ page {
.section-icon { .section-icon {
margin-right: 12rpx; margin-right: 12rpx;
color: #2D6A4F; color: #D4A853;
} }
.section-title { .section-title {

View File

@@ -55,7 +55,7 @@ Component({
this.setData({ this.setData({
editData: { editData: {
avatar: profile.avatar || '/images/home-active2.png', avatar: profile.avatar || '/images/home-yellow.png',
name: profile.name || '', name: profile.name || '',
phone: profile.mobile || '', phone: profile.mobile || '',
sex: profile.sex || '', sex: profile.sex || '',

View File

@@ -3,7 +3,7 @@ const API = require('../../utils/api.js')
Page({ Page({
data: { data: {
userInfo: { userInfo: {
avatar: '/images/home-active.png', avatar: '/images/home-green.png',
name: '用户', name: '用户',
phone: '', phone: '',
sex: '', sex: '',