minnan-zhangzhou/src/pages/home/home.wxml

<view class="h-screen flex flex-col paper-pattern">
  <page-header />

  <scroll-view class="flex-1 min-h-0" scroll-y>
    <view class="tabbar-safe-bottom">
      <view class="px-4 pt-4">
        <banner-swiper list="{{banners}}" bind:select="onBannerTap" />
      </view>

      <view class="mx-4 mt-4 rounded-2xl bg-white/85 border border-[#eadcc5] px-2 py-3 shadow-sm">
        <view class="grid grid-cols-4 gap-x-1 gap-y-3 px-1">
          <view
            wx:for="{{quickEntries}}"
            wx:key="text"
            class="flex w-full flex-col items-center gap-1.5"
            data-index="{{index}}"
            bindtap="onQuickTap"
          >
            <view
              class="w-11 h-11 rounded-2xl flex items-center justify-center border"
              style="background-color: {{item.iconBg}}; border-color: {{item.iconBorder}};"
            >
              <svg-icon name="{{item.icon}}" size="23px" color="{{item.iconColor}}" />
            </view>
            <text class="text-[10px] font-medium text-[#4d4540]">{{item.text}}</text>
          </view>
        </view>
      </view>

      <view class="mt-5">
        <view class="px-4">
          <section-header title="精选推荐" barColor="#b48732" moreText="更多" bind:more="onMoreRecommend" />
        </view>
        <scroll-view class="mt-3" scroll-x>
          <view class="inline-flex gap-3 pl-4 pr-4">
            <recommend-card wx:for="{{recommends}}" wx:key="title" item="{{item}}" />
          </view>
        </scroll-view>
      </view>

      <view class="mt-5 px-4">
        <section-header title="最新资讯" barColor="#a83f2d" moreText="查看全部" bind:more="onMoreNews" />
        <view class="mt-3 overflow-hidden rounded-2xl border border-[#eadcc5] bg-white/90 divide-y divide-[#f0e6d5]">
          <news-item wx:for="{{news}}" wx:key="title" item="{{item}}" />
        </view>
      </view>

      <view class="mt-5 px-4">
        <section-header title="志愿者组织" barColor="#b48732" moreText="查看全部" bind:more="onMoreVolunteer" />
        <view class="flex flex-col mt-3 gap-2.5">
          <volunteer-card wx:for="{{volunteers}}" wx:key="title" item="{{item}}" />
        </view>
      </view>

      <view class="tabbar-placeholder"></view>
    </view>
  </scroll-view>

  <van-toast id="van-toast" />
</view>