drone_delivery_of_medicines_applet/pages/index/index.wxml

<!--index.wxml-->
<view class="container">
  <!-- 轮播图 -->
  <swiper class="banner-swiper" indicator-dots="true" autoplay="true" interval="3000" duration="500">
    <swiper-item wx:for="{{banners}}" wx:key="id">
      <view class="banner-item">
        <image class="banner-image" src="{{item.image}}" mode="aspectFill"></image>
        <view class="banner-content">
          <text class="banner-title">{{item.title}}</text>
          <text class="banner-desc">{{item.description}}</text>
        </view>
      </view>
    </swiper-item>
  </swiper>

  <!-- 功能入口 -->
  <view class="feature-section">
    <view class="feature-title">
      <text>快速服务入口</text>
    </view>
    <view class="feature-grid">
      <view class="feature-item" bindtap="navigateToOrder">
        <image class="feature-icon" src="/images/order-icon.png"></image>
        <text class="feature-text">下单</text>
      </view>
      <view class="feature-item" bindtap="navigateToDiagnosis">
        <image class="feature-icon" src="/images/diagnosis-icon.png"></image>
        <text class="feature-text">智能诊断</text>
      </view>
      <view class="feature-item" bindtap="navigateToProfile">
        <image class="feature-icon" src="/images/profile-icon.png"></image>
        <text class="feature-text">我的</text>
      </view>
    </view>
  </view>

  <!-- 平台介绍 -->
  <view class="intro-section">
    <view class="intro-title">
      <text>无人机药品配送服务</text>
    </view>
    <view class="intro-content">
      <view class="intro-item">
        <image class="intro-icon" src="/images/fast-icon.png"></image>
        <view class="intro-text">
          <text class="intro-subtitle">快速配送</text>
          <text class="intro-desc">无人机配送，平均30分钟送达</text>
        </view>
      </view>
      <view class="intro-item">
        <image class="intro-icon" src="/images/safe-icon.png"></image>
        <view class="intro-text">
          <text class="intro-subtitle">安全可靠</text>
          <text class="intro-desc">专业医疗包装，全程温控监控</text>
        </view>
      </view>
      <view class="intro-item">
        <image class="intro-icon" src="/images/ai-icon.png"></image>
        <view class="intro-text">
          <text class="intro-subtitle">AI智能诊断</text>
          <text class="intro-desc">专业AI医生为您提供初步诊断建议</text>
        </view>
      </view>
      <view class="intro-item">
        <image class="intro-icon" src="/images/price-icon.png"></image>
        <view class="intro-text">
          <text class="intro-subtitle">药品比价</text>
          <text class="intro-desc">多家医院药品价格对比，帮您省钱</text>
        </view>
      </view>
    </view>
  </view>

  <!-- 合作医院展示 -->
  <view class="hospital-section">
    <view class="hospital-title">
      <text>合作医院</text>
      <text class="hospital-more" bindtap="navigateToOrder">查看更多 ></text>
    </view>
    <scroll-view class="hospital-scroll" scroll-x="true">
      <view class="hospital-list">
        <view class="hospital-item" wx:for="{{hospitals}}" wx:key="id" bindtap="navigateToHospital" data-hospital="{{item}}">
          <image class="hospital-image" src="{{item.image}}" mode="aspectFill"></image>
          <view class="hospital-info">
            <text class="hospital-name">{{item.name}}</text>
            <text class="hospital-address">{{item.address}}</text>
            <view class="hospital-rating">
              <text class="rating-text">{{item.rating}}分</text>
              <text class="distance-text">{{item.distance}}</text>
            </view>
          </view>
        </view>
      </view>
    </scroll-view>
  </view>
</view>