Files
xuanzhi-wx/packages/mingli/pages/bazi/index.wxml

64 lines
2.5 KiB
Plaintext

<view class="bazi-page">
<view class="hero-card">
<text class="hero-card__eyebrow">命理练习台</text>
<text class="hero-card__title">{{title}}</text>
<text class="hero-card__desc">
排盘页当前只保留输入层级、四柱结果和跳转关系,并把阅读节奏整体放大。
</text>
<view class="hero-card__meta">
<text class="hero-card__meta-item">静态录入</text>
<text class="hero-card__meta-item">四柱结果</text>
<text class="hero-card__meta-item">命理解读</text>
</view>
</view>
<view class="form-card">
<view class="panel-header">
<text class="panel-header__title">基础信息</text>
<text class="panel-header__desc">保留排盘必需字段,用更大的信息卡呈现当前静态示例。</text>
</view>
<view class="field-row">
<view class="field-block">
<text class="field-block__label">姓名</text>
<view class="field-block__value">{{form.name}}</view>
</view>
<view class="field-block">
<text class="field-block__label">性别</text>
<view class="field-block__value">{{form.gender}}</view>
</view>
</view>
<view class="field-row">
<view class="field-block">
<text class="field-block__label">出生日期</text>
<view class="field-block__value">{{form.birthDate}}</view>
</view>
<view class="field-block">
<text class="field-block__label">出生时间</text>
<view class="field-block__value">{{form.birthTime}}</view>
</view>
</view>
<view class="action-group">
<view class="action-button" bindtap="handlePrimaryTap">{{primaryActionText}}</view>
<view class="action-button action-button--ghost" bindtap="handleSecondaryTap">
{{secondaryActionText}}
</view>
</view>
</view>
<view wx:if="{{result}}" class="result-card">
<view class="panel-header panel-header--result">
<text class="panel-header__title">{{result.headline}}</text>
<text class="panel-header__desc">{{result.subline}}</text>
</view>
<view class="result-card__grid">
<view class="pillar-card" wx:for="{{result.pillars}}" wx:key="key">
<view class="pillar-card__inner">
<text class="pillar-card__label">{{item.label}}</text>
<text class="pillar-card__value">{{item.value}}</text>
</view>
</view>
</view>
<text class="result-card__hint">结果区保留静态展示,可继续进入命理解读页查看后续层级。</text>
</view>
</view>