tmp

pages/home/index.wxml

@@ -1,73 +1,59 @@
 <view class="container">
-  <view class="header-section">
-    <image class="header-bg" src="/images/background.jpg" mode="aspectFill"></image>
-    <view class="user-info">
-      <image class="avatar" src="/images/home-active2.png" mode="aspectFill"></image>
-      <view class="welcome-text">
-        <text class="user-name">专业陪诊</text>
-        <text class="welcome-subtitle">让就医更简单，让客户更安心</text>
+  <!-- 顶部导航栏 -->
+  <view class="nav-bar">
+    <view class="nav-logo">
+      <image class="logo-icon" src="/images/home-active.png" mode="aspectFit"></image>
+      <text class="logo-text">暖橙陪诊</text>
+    </view>
+  </view>
+
+  <!-- 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>
     </view>
   </view>
 
-  <view class="services-section">
-    <view class="service-item">
-      <view class="service-icon-wrap blue">
-        <image class="service-icon" src="/images/home-w.png" mode="aspectFill"></image>
+  <!-- 服务卡片 -->
+  <view class="service-cards">
+    <view class="service-card" bindtap="goToEscort">
+      <image class="card-img" src="/images/ai-active.png" mode="aspectFit"></image>
+      <view class="card-info">
+        <text class="card-title">客服咨询</text>
+        <text class="card-en">AI Customer service</text>
       </view>
-      <text class="service-name">陪诊</text>
     </view>
-    <view class="service-item" bindtap="goToAIChat">
-      <view class="service-icon-wrap blue">
-        <image class="service-icon" src="/images/zixun-w.png" mode="aspectFill"></image>
+    <view class="service-card vip" bindtap="goToVipEscort">
+      <view class="card-info">
+        <text class="card-title">联系我们</text>
+        <text class="card-en">Contact us anytime</text>
       </view>
-      <text class="service-name">AI客服</text>
-    </view>
-    <view class="service-item" bindtap="goToAIChat">
-      <view class="service-icon-wrap blue">
-        <image class="service-icon" src="/images/team-w.png" mode="aspectFill"></image>
-      </view>
-      <text class="service-name">商务合作</text>
-    </view>
-
-    <view class="service-item" bindtap="makePhoneCall">
-      <view class="service-icon-wrap blue">
-        <image class="service-icon" src="/images/call-w.png" mode="aspectFill"></image>
-      </view>
-      <text class="service-name">电话联系</text>
+      <image class="card-img" src="/images/call.png" mode="aspectFit"></image>
     </view>
   </view>
 
-
-  <view class="articles-section">
+  <!-- 助诊服务 -->
+  <view class="assist-section">
     <view class="section-header">
       <view class="section-title-wrap">
-        <t-icon name="view-list" class="section-icon" />
-        <text class="section-title">陪诊项目</text>
+        <t-icon name="user-vip" class="section-icon" size="40rpx" color="#2D6A4F" />
+        <text class="section-title">助诊服务</text>
       </view>
-      <text class="section-more"></text>
+      <text class="section-more" bindtap="goToServiceList">全部 >></text>
     </view>
-
-    <view class="article-list">
-      <view class="article-item" wx:for="{{ services }}" wx:key="id" bindtap="goToDetail" data-id="{{ item.id }}">
-        <image class="article-image" src="{{ item.image }}" mode="aspectFill"></image>
-        <view class="article-content">
-          <text class="article-title">{{ item.title }}</text>
-          <view class="article-meta">
-            <text class="article-date">{{ item.subtitle }}</text>
-            <text class="article-time">{{ item.readTime }}</text>
-          </view>
+    <view class="assist-grid">
+      <view class="assist-item" wx:for="{{ assistServices }}" 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="article-price">¥{{ item.price }}</text>
-      </view>
-    </view>
-
-    <view class="contact-section">
-      <view class="contact-box">
-        <t-icon name="{{ contact.icon }}" class="contact-icon" />
-        <text class="contact-phone">18618162956</text>
-        <button class="contact-btn" bindtap="makePhoneCall">打电话 </button>
+        <text class="assist-name">{{ item.name }}</text>
       </view>
     </view>
   </view>
-</view>
+
+</view>