v1.1.0

pages/home/index.wxml

@@ -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>