Files
JianSu-Naming/miniprogram/components/charDetail/charDetail.wxml

60 lines
1.9 KiB
Plaintext
Raw Normal View History

<!-- 字源溯源弹窗组件 -->
<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>