- 添加收藏锦囊功能,支持查看和删除收藏 - 实现积分系统,每日赠送5次灵感次数 - 添加静心阅读功能,阅读15秒可获得额外次数 - 实现灵感广场,展示用户分享的名字 - 添加字源溯源组件,长按汉字查看详情 - 优化空状态和结语卡片样式统一 - 添加音频控制(静音/风铃/雨落/古琴/白噪音/森林/溪流) - 优化名字生成逻辑,确保每次返回5个不重复名字 - 修复卡片翻转样式问题 - 移除首页动态提醒气泡
65 lines
2.0 KiB
Plaintext
65 lines
2.0 KiB
Plaintext
<view class="container">
|
|
<!-- 水墨动画遮罩 -->
|
|
<view class="ink-overlay {{isGenerating ? 'active' : ''}}">
|
|
<view class="ink-circle"></view>
|
|
</view>
|
|
|
|
<view class="content {{isGenerating ? 'fade-out' : ''}}">
|
|
<view class="title">见素</view>
|
|
<view class="subtitle">回归名字的诗意与留白</view>
|
|
|
|
<!-- 模式选择 -->
|
|
<view class="mode-selector">
|
|
<view
|
|
wx:for="{{modes}}"
|
|
wx:key="key"
|
|
class="mode-item {{activeMode === item.key ? 'active' : ''}}"
|
|
bindtap="selectMode"
|
|
data-mode="{{item.key}}"
|
|
>
|
|
{{item.label}}
|
|
<view class="mode-dot" wx:if="{{activeMode === item.key}}"></view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 姓氏输入(仅在宝宝模式显示) -->
|
|
<view class="surname-section" wx:if="{{activeMode === 'baby'}}">
|
|
<input
|
|
class="surname-input"
|
|
placeholder="姓氏"
|
|
placeholder-class="placeholder"
|
|
bindinput="onSurnameInput"
|
|
value="{{surname}}"
|
|
maxlength="2"
|
|
/>
|
|
<view class="line"></view>
|
|
</view>
|
|
|
|
<!-- 关键词输入 -->
|
|
<view class="input-section">
|
|
<input
|
|
class="keyword-input"
|
|
placeholder="{{activeMode === 'baby' ? '期待,如:自由、清冷' : activeMode === 'persona' ? '人设,如:温柔、坚韧' : '关键词,如:自由、清冷'}}"
|
|
placeholder-class="placeholder"
|
|
bindinput="onInput"
|
|
value="{{keyword}}"
|
|
/>
|
|
<view class="line"></view>
|
|
</view>
|
|
|
|
<view class="action-section">
|
|
<button class="generate-btn" bindtap="startGenerate">感悟名字</button>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 灵感广场入口 -->
|
|
<view class="square-entry {{isGenerating ? 'fade-out' : ''}}" bindtap="goToSquare">
|
|
<text class="entry-text">入林搜寻灵感</text>
|
|
<view class="entry-arrow"></view>
|
|
</view>
|
|
|
|
<view class="footer {{isGenerating ? 'fade-out' : ''}}">
|
|
<text>© 见素 · 审美溢价</text>
|
|
</view>
|
|
</view>
|