2c47fb8f65
- 添加收藏锦囊功能，支持查看和删除收藏 - 实现积分系统，每日赠送5次灵感次数 - 添加静心阅读功能，阅读15秒可获得额外次数 - 实现灵感广场，展示用户分享的名字 - 添加字源溯源组件，长按汉字查看详情 - 优化空状态和结语卡片样式统一 - 添加音频控制（静音/风铃/雨落/古琴/白噪音/森林/溪流） - 优化名字生成逻辑，确保每次返回5个不重复名字 - 修复卡片翻转样式问题 - 移除首页动态提醒气泡
81 lines
3.1 KiB
Plaintext
81 lines
3.1 KiB
Plaintext
<view class="container">
|
||
<!-- 顶部标题 -->
|
||
<view class="header">
|
||
<view class="back-btn" bindtap="onBack">←</view>
|
||
<view class="header-title">心动名单</view>
|
||
<view class="header-spacer"></view>
|
||
</view>
|
||
|
||
<!-- 积分信息 - 克制地放在角落 -->
|
||
<view class="credits-bar" bindtap="onCreditsTap">
|
||
<view class="credits-item">
|
||
<text class="credits-icon">✦</text>
|
||
<text class="credits-text">今日灵感 {{creditsInfo.dailyCredits || 0}}/5</text>
|
||
</view>
|
||
<view class="credits-item watch-ad" wx:if="{{(creditsInfo.dailyCredits || 0) === 0 && (creditsInfo.watchedAdCount || 0) < 5}}">
|
||
<text class="credits-icon">📖</text>
|
||
<text class="credits-text">静心阅读 +3</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 收藏列表 -->
|
||
<scroll-view scroll-y class="favorites-scroll" wx:if="{{favorites.length > 0}}">
|
||
<view class="favorites-grid">
|
||
<view
|
||
class="favorite-item"
|
||
wx:for="{{favorites}}"
|
||
wx:key="name"
|
||
bindtap="onItemTap"
|
||
data-index="{{index}}"
|
||
>
|
||
<view class="name">{{item.name}}</view>
|
||
<view class="origin">{{item.origin}}</view>
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
|
||
<!-- 空状态 -->
|
||
<view class="empty-state" wx:if="{{favorites.length === 0}}">
|
||
<view class="empty-icon">素</view>
|
||
<text class="empty-text">锦囊空空，静待灵感</text>
|
||
<text class="empty-subtext">在见素中右滑收藏心动的名字</text>
|
||
</view>
|
||
|
||
<!-- 半屏弹窗 - 详情展示 -->
|
||
<view class="detail-modal {{showDetail ? 'visible' : ''}}" bindtap="closeDetail">
|
||
<view class="detail-content" catchtap="preventBubble">
|
||
<view class="detail-close" bindtap="closeDetail">×</view>
|
||
<view class="detail-name">{{selectedItem.name}}</view>
|
||
<view class="detail-origin">{{selectedItem.origin}}</view>
|
||
<view class="detail-desc">{{selectedItem.description}}</view>
|
||
<view class="detail-meta">
|
||
<text class="detail-tone">声韵：{{selectedItem.tone}}</text>
|
||
<text class="detail-score">见素评分：{{selectedItem.score}}</text>
|
||
</view>
|
||
<view class="detail-actions">
|
||
<view class="detail-btn share-btn" bindtap="onShare">分享</view>
|
||
<view class="detail-btn remove-btn" bindtap="onRemove">移除</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 静心阅读全屏页 -->
|
||
<view class="meditation-page {{showMeditation ? 'visible' : ''}}">
|
||
<view class="meditation-close" bindtap="closeMeditation">×</view>
|
||
<view class="meditation-content">
|
||
<view class="meditation-title">静心阅读</view>
|
||
<view class="meditation-poem" wx:if="{{meditationPoem}}">
|
||
<text class="poem-text">{{meditationPoem.text}}</text>
|
||
<text class="poem-author">——{{meditationPoem.author}}</text>
|
||
</view>
|
||
<view class="meditation-hint">静观 15 秒，心随诗远</view>
|
||
</view>
|
||
<view class="meditation-progress">
|
||
<view class="progress-bar">
|
||
<view class="progress-fill" style="width: {{meditationProgress}}%"></view>
|
||
</view>
|
||
<text class="progress-text">{{meditationProgress}}%</text>
|
||
</view>
|
||
</view>
|
||
</view>
|