79 lines
2.8 KiB
Plaintext
79 lines
2.8 KiB
Plaintext
|
<view class="container">
|
||
|
|
|
||
|
|
<!-- 状态1: 星座列表 -->
|
||
|
|
<view class="zodiac-grid" wx:if="{{!selectedZodiac}}">
|
||
|
|
<view class="header-tip">选择你的星座</view>
|
||
|
|
<view class="grid-container">
|
||
|
|
<block wx:for="{{zodiacList}}" wx:key="name">
|
||
|
|
<view class="zodiac-item" bindtap="selectZodiac" data-index="{{index}}">
|
||
|
|
<text class="zodiac-symbol">{{item.symbol}}</text>
|
||
|
|
<text class="zodiac-name">{{item.name}}</text>
|
||
|
|
<text class="zodiac-range">{{item.range}}</text>
|
||
|
|
</view>
|
||
|
|
</block>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 状态2: 运势展示 -->
|
||
|
|
<view class="result-container" wx:if="{{selectedZodiac}}">
|
||
|
|
<view class="result-header">
|
||
|
|
<text class="result-symbol">{{selectedZodiac.symbol}}</text>
|
||
|
|
<text class="today-title">今日指引 · {{selectedZodiac.name}}</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 三段式卡片 -->
|
||
|
|
<view class="fortune-card">
|
||
|
|
|
||
|
|
<!-- 0. 今日关键词 (NEW) -->
|
||
|
|
<view class="keyword-card">
|
||
|
|
<text class="keyword-label">✨ 今日关键词</text>
|
||
|
|
<text class="keyword-text">{{currentFortune.keyword}}</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 1. 今日运势 -->
|
||
|
|
<view class="section primary-section">
|
||
|
|
<text class="section-label">✨ 今日运势</text>
|
||
|
|
<text class="section-content">{{currentFortune.today}}</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 2. 幸运提示 -->
|
||
|
|
<view class="section">
|
||
|
|
<text class="section-label">🍀 幸运提示</text>
|
||
|
|
<text class="section-content">{{currentFortune.lucky}}</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 3. 注意事项 -->
|
||
|
|
<view class="section">
|
||
|
|
<text class="section-label">💡 注意事项</text>
|
||
|
|
<text class="section-content">{{currentFortune.notice}}</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 4. 今日行动建议 (NEW) -->
|
||
|
|
<view class="section last-section">
|
||
|
|
<text class="section-label">🌱 今日行动建议</text>
|
||
|
|
<text class="section-content">{{currentFortune.action}}</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 5. 关系提示 (可展开) -->
|
||
|
|
<view class="status-divider"></view> <!-- 分隔线 -->
|
||
|
|
<view class="match-module" bindtap="toggleMatch">
|
||
|
|
<text class="match-trigger">{{isMatchExpanded ? '收起关系提示' : '🌸 今日关系提示（点击查看）'}}</text>
|
||
|
|
|
||
|
|
<view class="match-content" wx:if="{{isMatchExpanded}}">
|
||
|
|
<text class="match-intro">今天，与你能量更顺的星座是：</text>
|
||
|
|
<text class="match-name">{{currentFortune.match}}</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 总体结论 (收束模块) -->
|
||
|
|
<view class="summary-text">{{currentFortune.summary}}</view>
|
||
|
|
|
||
|
|
<view class="action-area" bindtap="backToList">
|
||
|
|
<text class="back-btn">⬅ 选其他星座</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
</view>
|