R524809
32 lines
1.2 KiB
Plaintext
32 lines
1.2 KiB
Plaintext
<view class="age-page">
|
|
<view class="age-hero">
|
|
<text class="age-hero__title">分龄推荐</text>
|
|
<text class="age-hero__subtitle">按年龄段挑选适合的练习单，循序渐进更省心</text>
|
|
</view>
|
|
|
|
<view class="age-grid">
|
|
<view
|
|
wx:for="{{ageGroups}}"
|
|
wx:key="label"
|
|
class="age-card"
|
|
bindtap="onAgeCardTap"
|
|
data-min-age="{{item.minAge}}"
|
|
data-max-age="{{item.maxAge}}"
|
|
>
|
|
<view class="age-card__art" style="background: {{item.gradient}}">
|
|
<text class="age-card__emoji">{{item.emoji}}</text>
|
|
</view>
|
|
<view class="age-card__body">
|
|
<text class="age-card__label">{{item.label}}</text>
|
|
<text class="age-card__desc">{{item.desc}}</text>
|
|
<text class="age-card__count">{{item.count}} 个练习</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="age-tip">
|
|
<text class="age-tip__duck">🦆</text>
|
|
<text class="age-tip__text">建议家长根据孩子当前能力微调难度，不必严格按年龄划分哦～</text>
|
|
</view>
|
|
</view>
|