school-miniprogram/src/pages/agent/index.wxml

<view class="page">
  <view class="page-header">
    <view class="search">
      <image class="icon" src="{{imageUrl}}icon47.png?t={{Timestamp}}"></image>
      <input
        class="input"
        placeholder-class="input-place"
        type="text"
        placeholder="请搜索你想要的内容"
        confirm-type="search"
      />
    </view>
  </view>
  <view class="page-container">
    <view class="banner">
      <swiper
        class="swiper"
        indicator-dots
        indicator-color="rgba(255, 255, 255, 1)"
        indicator-active-color="rgba(74, 184, 253, 1)"
      >
        <swiper-item class="swiper-item">
          <image class="s-img" mode="aspectFill" src="{{imageUrl}}bg1.png?t={{Timestamp}}"></image>
        </swiper-item>
      </swiper>
    </view>
    <view class="kkd">
      <view class="k-header">
        <view class="name">推荐智能体</view>
        <view class="more">
          更多
          <van-icon name="arrow" />
        </view>
      </view>
      <view class="k-body">
        <view class="k-item" wx:for="{{4}}" wx:key="index">
          <image class="icon" src="{{imageUrl}}icon2.png?t={{Timestamp}}"></image>
          <view class="name">PPT小助手</view>
        </view>
      </view>
    </view>
    <view class="kkd2">
      <view class="k-row">
        <view class="kr-header">最近使用</view>
        <view class="kr-body">
          <view class="kr-item" wx:for="{{3}}" wx:key="index">
            <image class="icon" src="{{imageUrl}}icon2.png?t={{Timestamp}}"></image>
            <view class="name">PPT小助</view>
          </view>
        </view>
      </view>
      <view class="k-row">
        <view class="kr-header">我的收藏</view>
        <view class="kr-body">
          <view class="kr-item" wx:for="{{3}}" wx:key="index">
            <image class="icon" src="{{imageUrl}}icon2.png?t={{Timestamp}}"></image>
            <view class="name">文章去</view>
          </view>
        </view>
      </view>
    </view>
    <van-tabs
      class="tabs"
      nav-class="nav-class"
      tab-class="tab-class"
      tab-active-class="tab-active-class"
      color="rgba(74, 184, 253, 1)"
      title-active-color="rgba(74, 184, 253, 1)"
      title-inactive-color="rgba(71, 85, 105, 1)"
      active="{{ active }}"
      bind:change="onChange"
    >
      <van-tab title="全部">
        <view class="list">
          <view class="list-card" wx:for="{{10}}" wx:key="index">
            <view class="order">
              <image class="icon" wx:if="{{index==0}}" src="{{imageUrl}}icon48.png?t={{Timestamp}}"></image>
              <image class="icon" wx:elif="{{index==1}}" src="{{imageUrl}}icon49.png?t={{Timestamp}}"></image>
              <image class="icon" wx:elif="{{index==2}}" src="{{imageUrl}}icon50.png?t={{Timestamp}}"></image>
              <view class="num" wx:else>{{index+1}}</view>
            </view>
            <view class="photo">
              <image class="p-img" src="{{imageUrl}}icon2.png?t={{Timestamp}}"></image>
            </view>
            <view class="wrap">
              <view class="title">应用包生成助手</view>
              <view class="content">智能规划课表，轻松掌握学习轻松掌握学习</view>
              <view class="stat">15.6w人使用</view>
              <view class="options">
                <view class="o-item active" bind:tap="handleEva">
                  <image class="icon" src="{{imageUrl}}icon55.png?t={{Timestamp}}"></image>
                  <image class="icon" src="{{imageUrl}}icon51.png?t={{Timestamp}}"></image>
                  评级
                </view>
                <view class="o-item">
                  <image class="icon" src="{{imageUrl}}icon56.png?t={{Timestamp}}"></image>
                  <image class="icon" src="{{imageUrl}}icon57.png?t={{Timestamp}}"></image>
                  收藏
                </view>
                <view class="o-item">使用</view>
              </view>
            </view>
          </view>
        </view>
      </van-tab>
      <van-tab title="全部">全部</van-tab>
      <van-tab title="全部">全部</van-tab>
      <van-tab title="全部">全部</van-tab>
      <van-tab title="全部">全部</van-tab>
    </van-tabs>
  </view>
</view>