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

<view
  class="page"
  style="background: url('/images/bg1.png') no-repeat top center/100% 655rpx;padding-top: {{pageTop}}px;"
>

  <view class="search">
    <image class="icon" src="/images/icon1.png"></image>
    <view class="content">请搜索你想要的内容</view>
  </view>
  <view class="notice">
    <image class="icon" src="/images/icon2.png"></image>
    <view class="content">
      <van-notice-bar
        color="rgba(71, 85, 105, 1)"
        background="transparent"
        speed="{{3}}"
        text="技术是开发它的人的共同灵魂。"
      />
    </view>
    <van-icon class="more" name="arrow" />
  </view>
  <view class="kkd">
    <view class="k-item" wx:for="{{5}}" wx:key="index">
      <image class="icon" src="/images/icon2.png"></image>
      <view class="name">智能课表</view>
    </view>
  </view>
  <view class="module">
    <view class="m-header">
      <view class="title">热门活动</view>
      <view class="more">
        查看详情
        <van-icon name="arrow" />
      </view>
    </view>
    <view class="activity-list">
      <view class="a-card" wx:for="{{4}}" wx:key="index">
        <image class="a-img" mode="aspectFill" src="/images/bg1.png"></image>
      </view>
    </view>
  </view>
  <view class="module">
    <view class="m-header">
      <view class="title">推荐智能体</view>
      <view class="more">
        查看详情
        <van-icon name="arrow" />
      </view>
    </view>
    <view class="agent-list">
      <view class="a-card" wx:for="{{4}}" wx:key="index">
        <image class="icon" src="/images/icon2.png"></image>
        <view class="name">PPT小助手</view>
      </view>
    </view>
  </view>
  <view class="recommend">
    <van-tabs
      active="{{ active }}"
      color="rgba(74, 184, 253, 1)"
      title-active-color="rgba(15, 29, 63, 1)"
      title-inactive-color="rgba(71, 85, 105, 1)"
      bind:change="onChange"
      swipeable
    >
      <van-tab title="推荐活动">
        <view class="r-activity-list">
          <view class="card" wx:for="{{2}}" wx:key="index">
            <view class="photo">
              <view class="status">进行中</view>
              <image class="p-img" src="/images/bg1.png"></image>
            </view>
            <view class="wrap">
              <view class="title">深职大第十五届校园歌手大赛</view>
              <view class="user">128人已报名</view>
              <view class="date">
                <image class="icon" src="/images/icon3.png"></image>
                <view class="content">2026.04.01-2026.05.30</view>
              </view>
            </view>
          </view>
        </view>
      </van-tab>
      <van-tab title="智能体">内容 2</van-tab>
    </van-tabs>
  </view>
</view>