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

60 lines
1.9 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!-- 字源溯源弹窗组件 -->
<view class="char-detail-mask {{visible ? 'show' : ''}}" bindtap="onMaskTap">
<view class="char-detail-container {{visible ? 'show' : ''}}" catchtap="onContainerTap">
<!-- 磨砂玻璃背景 -->
<view class="glass-bg"></view>
<!-- 关闭按钮 -->
<view class="close-btn" bindtap="onClose">×</view>
<!-- 大字展示 -->
<view class="char-display">
<text class="char-text">{{char}}</text>
<view class="char-pinyin">{{pinyin}}</view>
</view>
<!-- 字源解析 -->
<scroll-view class="char-content" scroll-y>
<!-- 基础信息 -->
<view class="info-section">
<view class="info-item">
<text class="label">部首</text>
<text class="value">{{radical || '未知'}}</text>
</view>
<view class="info-item">
<text class="label">笔画</text>
<text class="value">{{strokes || '未知'}}画</text>
</view>
<view class="info-item">
<text class="label">五行</text>
<text class="value">{{wuxing || '未知'}}</text>
</view>
</view>
<!-- 字义解析 -->
<view class="meaning-section">
<view class="section-title">本义</view>
<text class="meaning-text">{{meaning || '暂无解析'}}</text>
</view>
<!-- 意象分析 -->
<view class="imagery-section">
<view class="section-title">起名意象</view>
<text class="imagery-text">{{imagery || '暂无解析'}}</text>
</view>
<!-- 诗词典故 -->
<view class="poetry-section" wx:if="{{poetry}}">
<view class="section-title">诗词典故</view>
<text class="poetry-text">{{poetry}}</text>
</view>
</scroll-view>
<!-- AI 解析按钮 -->
<view class="ai-btn" bindtap="onAskAI">
<text class="ai-icon">✦</text>
<text class="ai-text">问问 AI</text>
</view>
</view>
</view>