60 lines
1.9 KiB
Plaintext
60 lines
1.9 KiB
Plaintext
|
|
<!-- 字源溯源弹窗组件 -->
|
|||
|
|
<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>
|