Files
JianSu-Naming/miniprogram/pages/home/home.wxml
王鹏 2c47fb8f65 feat: 完善见素起名小程序功能
- 添加收藏锦囊功能,支持查看和删除收藏
- 实现积分系统,每日赠送5次灵感次数
- 添加静心阅读功能,阅读15秒可获得额外次数
- 实现灵感广场,展示用户分享的名字
- 添加字源溯源组件,长按汉字查看详情
- 优化空状态和结语卡片样式统一
- 添加音频控制(静音/风铃/雨落/古琴/白噪音/森林/溪流)
- 优化名字生成逻辑,确保每次返回5个不重复名字
- 修复卡片翻转样式问题
- 移除首页动态提醒气泡
2026-04-18 16:56:31 +08:00

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>