admin/danyang-match
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

feat: implement miniapp C-group pages with real API calls and design tokens

Browse Source
This commit is contained in:
Codex
2026-09-14 10:02:22 +08:00
parent bb380d40f6
commit 63cbbff2de
20 changed files with 300 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
miniapp/pages/content/content.wxml
+19 -1
View File
@@ -1 +1,19 @@
<view class="service-page reference-page"><view class="hero"><text class="eyebrow">婚恋课堂</text><text class="hero-title">认真学习，更好地相遇</text><text class="hero-desc">提供真实、克制、可实践的关系成长与安全知识。</text></view><scroll-view scroll-x style="white-space:nowrap;padding:24rpx 32rpx;box-sizing:border-box"><text wx:for="{{categories}}" wx:key="*this" data-index="{{index}}" bindtap="select" class="tag {{active===index ? '' : 'warning'}}">{{item}}</text></scroll-view><view class="content"><view wx:for="{{articles}}" wx:key="id" class="article-card" data-id="{{item.id}}" bindtap="open"><view class="article-cover"><text>{{item.category}}</text></view><view class="article-body"><text class="article-title">{{item.title}}</text><text class="article-meta">{{item.category}} · 阅读约 {{item.read}}</text></view></view></view></view>
<view class="content-page app-page reference-page">
<ui-service-hero eyebrow="学习成长 · 认真相遇" title="婚恋课堂" subtitle="学习成长，收获更好的自己" image-src="/assets/covers/classroom-default.jpg" tone="rose" />
<scroll-view scroll-x class="content-categories">
<view class="content-category-row"><view wx:for="{{categories}}" wx:key="id" data-id="{{item.id}}" bindtap="select" class="content-category {{activeCategoryId === item.id ? 'active' : ''}}">{{item.name}}</view></view>
</scroll-view>
<view class="content-list">
<ui-loading wx:if="{{loading}}" mode="skeleton" rows="4" />
<ui-error-state wx:elif="{{loadError}}" title="暂时无法加载课堂内容" description="请检查网络后重试" bind:retry="onRetry" />
<view wx:elif="{{articles.length}}">
<view wx:for="{{articles}}" wx:key="id" class="content-card" data-id="{{item.id}}" bindtap="open">
<image class="content-cover" src="{{item.coverFileId || '/assets/covers/classroom-default.jpg'}}" mode="aspectFill" />
<view class="content-card__body"><text class="content-card__category">{{item.categoryName}}</text><text class="content-card__title">{{item.title}}</text><text wx:if="{{item.summary}}" class="content-card__summary">{{item.summary}}</text><view class="content-card__meta"><text>浏览 {{item.viewCount || 0}}</text><text>{{item.publishAtText}}</text></view></view>
<image class="content-card__arrow" src="/assets/icons/ui/chevron-right.png" mode="aspectFit" />
</view>
</view>
<ui-empty wx:else illustration="default" title="暂无课堂内容" description="公益内容正在准备中，请稍后再来" />
</view>
</view>