Files
xuanzhi-wx/pages/home/index.wxml

106 lines
3.8 KiB
Plaintext

<view class="home-page">
<view class="home-page__brand">{{brandName}}</view>
<text class="home-page__greeting">{{greeting}}</text>
<text class="home-page__subtitle">{{subtitle}}</text>
<view class="search-card" bindtap="handleSearchTap">
<view class="search-card__leading">搜</view>
<text class="search-card__placeholder">{{searchPlaceholder}}</text>
<view class="search-card__badge">{{searchBadge}}</view>
</view>
<view class="section-card">
<text class="section-card__title">{{encyclopediaTitle}}</text>
<view class="feature-grid feature-grid--four">
<view class="feature-grid__item" wx:for="{{encyclopediaCards}}" wx:key="key">
<view
class="feature-card"
data-route="{{item.route}}"
data-title="{{item.title}}"
bindtap="handleEncyclopediaTap"
>
<text class="feature-card__status" wx:if="{{item.status}}">{{item.status}}</text>
<view class="feature-card__icon">{{item.icon}}</view>
<text class="feature-card__title">{{item.title}}</text>
</view>
</view>
</view>
</view>
<view class="section-card">
<text class="section-card__title">{{portalTitle}}</text>
<view class="portal-grid">
<view
class="portal-grid__item"
wx:for="{{portalCards}}"
wx:key="key"
>
<view class="portal-card" data-route="{{item.route}}" bindtap="handlePortalTap">
<text class="portal-card__badge">{{item.badge}}</text>
<text class="portal-card__title">{{item.title}}</text>
<text class="portal-card__subtitle">{{item.subtitle}}</text>
</view>
</view>
</view>
</view>
<view class="section-card">
<text class="section-card__title">{{toolsTitle}}</text>
<view class="feature-grid feature-grid--four">
<view class="feature-grid__item" wx:for="{{toolCards}}" wx:key="key">
<view
class="feature-card"
data-route="{{item.route}}"
data-title="{{item.title}}"
bindtap="handleToolTap"
>
<view class="feature-card__icon">{{item.icon}}</view>
<text class="feature-card__title">{{item.title}}</text>
</view>
</view>
</view>
</view>
<view class="section-card">
<text class="section-card__title">{{wellnessTitle}}</text>
<view class="feature-grid feature-grid--three">
<view class="feature-grid__item" wx:for="{{wellnessCards}}" wx:key="key">
<view
class="feature-card feature-card--wellness"
data-route="{{item.route}}"
data-title="{{item.title}}"
bindtap="handleWellnessTap"
>
<text class="feature-card__status" wx:if="{{item.status}}">{{item.status}}</text>
<view class="feature-card__emoji-box">
<text class="feature-card__emoji">{{item.icon}}</text>
</view>
<text class="feature-card__title feature-card__title--wellness">{{item.title}}</text>
</view>
</view>
</view>
</view>
<view class="section-card section-card--last">
<view class="section-card__header">
<text class="section-card__title">{{classicsTitle}}</text>
<text class="section-card__action" bindtap="handleClassicActionTap">{{classicsActionText}} →</text>
</view>
<view class="feature-grid feature-grid--four">
<view class="feature-grid__item" wx:for="{{classicsBooks}}" wx:key="key">
<view
class="feature-card feature-card--classic"
data-route="{{item.route}}"
data-title="{{item.title}}"
bindtap="handleClassicTap"
>
<view class="feature-card__book">
<text class="feature-card__book-char">{{item.coverText}}</text>
</view>
<text class="feature-card__title feature-card__title--classic">{{item.title}}</text>
</view>
</view>
</view>
</view>
</view>