界面改版
This commit is contained in:
@@ -77,7 +77,7 @@
|
||||
|
||||
<!-- AI正在输入提示 -->
|
||||
<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-bubble typing-bubble">
|
||||
<view class="typing-indicator">
|
||||
|
||||
@@ -1,34 +1,34 @@
|
||||
Page({
|
||||
data: {
|
||||
assistServices: [
|
||||
{ id: 1, name: '陪诊', icon: 'user-vip', iconColor: '#2D6A4F' },
|
||||
{ id: 2, name: '代办问诊', icon: 'chat', iconColor: '#2D6A4F' },
|
||||
{ id: 3, name: '代办买药', icon: 'cart', iconColor: '#2D6A4F' },
|
||||
{ id: 4, name: '代取结果', icon: 'file-paste', iconColor: '#2D6A4F' },
|
||||
{ id: 5, name: '检查预约', icon: 'calendar', iconColor: '#2D6A4F' },
|
||||
{ id: 6, name: '出入院办理', icon: 'chart-bar', iconColor: '#2D6A4F' },
|
||||
{ id: 7, name: 'vip陪诊', icon: 'user-star', iconColor: '#2D6A4F' },
|
||||
{ id: 8, name: '其他服务', icon: 'app', iconColor: '#2D6A4F' }
|
||||
{ id: 1, name: '陪诊', icon: 'heart-filled', iconColor: '#2D6A4F' },
|
||||
{ id: 2, name: '代办问诊', icon: 'chat-heart-filled', iconColor: '#2D6A4F' },
|
||||
{ id: 3, name: '代办买药', icon: 'cart-filled', iconColor: '#2D6A4F' },
|
||||
{ id: 4, name: '代取结果', icon: 'draft-filled', iconColor: '#2D6A4F' },
|
||||
{ id: 5, name: '检查预约', icon: 'calendar-filled', iconColor: '#2D6A4F' },
|
||||
{ id: 6, name: '出入院办理', icon: 'bridge', iconColor: '#2D6A4F' },
|
||||
{ id: 7, name: 'vip陪诊', icon: 'user-vip-filled', iconColor: '#2D6A4F' },
|
||||
{ id: 8, name: '其他助诊', icon: 'app-filled', iconColor: '#2D6A4F' }
|
||||
],
|
||||
otherServices: [
|
||||
{ id: 1, name: '代办问诊', icon: 'heart', iconColor: '#D4A853' },
|
||||
{ id: 2, name: '代办买药', icon: 'cart', iconColor: '#D4A853' },
|
||||
{ id: 3, name: '代取结果', icon: 'ai-article', iconColor: '#D4A853' },
|
||||
{ id: 1, name: '代探望', icon: 'apple', iconColor: '#D4A853' },
|
||||
{ id: 2, name: '陪诊师入住', icon: 'usergroup', iconColor: '#D4A853' },
|
||||
{ id: 3, name: '商务合作', icon: 'command', iconColor: '#D4A853' },
|
||||
]
|
||||
},
|
||||
|
||||
async onLoad() {
|
||||
},
|
||||
|
||||
goToEscort() {
|
||||
wx.navigateTo({
|
||||
url: '/pages/escort/itemlist'
|
||||
goToAiChat() {
|
||||
wx.switchTab({
|
||||
url: '/pages/ai/aichat'
|
||||
});
|
||||
},
|
||||
|
||||
goToVipEscort() {
|
||||
wx.navigateTo({
|
||||
url: '/pages/escort/itemlist?type=vip'
|
||||
goToContact() {
|
||||
wx.makePhoneCall({
|
||||
phoneNumber: '18618162956'
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<!-- 顶部导航栏 -->
|
||||
<view class="nav-bar">
|
||||
<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>
|
||||
</view>
|
||||
</view>
|
||||
@@ -21,14 +21,14 @@
|
||||
|
||||
<!-- 服务卡片 -->
|
||||
<view class="service-cards">
|
||||
<view class="service-card" bindtap="goToEscort">
|
||||
<image class="card-img" src="/images/ai-active.png" mode="aspectFit"></image>
|
||||
<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="goToVipEscort">
|
||||
<view class="service-card vip" bindtap="goToContact">
|
||||
<view class="card-info">
|
||||
<text class="card-title">联系我们</text>
|
||||
<text class="card-en">Contact us anytime</text>
|
||||
@@ -41,7 +41,7 @@
|
||||
<view class="assist-section">
|
||||
<view class="section-header">
|
||||
<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>
|
||||
</view>
|
||||
<text class="section-more" bindtap="goToServiceList">全部 >></text>
|
||||
@@ -56,4 +56,21 @@
|
||||
</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>
|
||||
|
||||
@@ -5,7 +5,6 @@ page {
|
||||
|
||||
.container {
|
||||
min-height: 100vh;
|
||||
padding-bottom: 40rpx;
|
||||
}
|
||||
|
||||
/* 顶部导航栏 */
|
||||
@@ -126,7 +125,7 @@ page {
|
||||
.service-cards {
|
||||
display: flex;
|
||||
gap: 20rpx;
|
||||
padding: 24rpx 32rpx;
|
||||
padding: 36rpx 32rpx;
|
||||
/*margin-top: 18rpx;*/
|
||||
background: #FFFFFF;
|
||||
}
|
||||
@@ -194,7 +193,7 @@ page {
|
||||
|
||||
.section-icon {
|
||||
margin-right: 12rpx;
|
||||
color: #2D6A4F;
|
||||
color: #D4A853;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
|
||||
@@ -55,7 +55,7 @@ Component({
|
||||
|
||||
this.setData({
|
||||
editData: {
|
||||
avatar: profile.avatar || '/images/home-active2.png',
|
||||
avatar: profile.avatar || '/images/home-yellow.png',
|
||||
name: profile.name || '',
|
||||
phone: profile.mobile || '',
|
||||
sex: profile.sex || '',
|
||||
|
||||
@@ -3,7 +3,7 @@ const API = require('../../utils/api.js')
|
||||
Page({
|
||||
data: {
|
||||
userInfo: {
|
||||
avatar: '/images/home-active.png',
|
||||
avatar: '/images/home-green.png',
|
||||
name: '用户',
|
||||
phone: '',
|
||||
sex: '',
|
||||
|
||||
Reference in New Issue
Block a user