- 实现 AI 起名功能(Kimi API 接入) - 添加用户收藏功能(MySQL 数据库) - 实现海报生成与分享 - 添加音效和触觉反馈 - 配置生产环境部署(WAR 包 + Nginx) - 支持多种起名模式(经典、诗词、自然、现代) - 实现分批加载优化体验
50 lines
1.8 KiB
Plaintext
50 lines
1.8 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>
|
||
|
||
<!-- 收藏列表 -->
|
||
<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>
|