start

xui/wxapp/pages/index/index.wxml

@@ -0,0 +1,73 @@
+<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>
+    </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>
+      <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>
+      <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>
+    </view>
+  </view>
+
+
+  <view class="articles-section">
+    <view class="section-header">
+      <view class="section-title-wrap">
+        <t-icon name="view-list" class="section-icon" />
+        <text class="section-title">陪诊项目</text>
+      </view>
+      <text class="section-more"></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>
+        <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>
+      </view>
+    </view>
+  </view>
+</view>