MiniProgram/NamingAssistant/pages/result/index.ttml

<view class="page">
  <view class="glow-layer">
    <view class="glow glow-one"></view>
    <view class="glow glow-two"></view>
  </view>

  <scroll-view class="content" scroll-y="true">
    <view class="headline">
      <text class="title">灵签揭示</text>
      <text class="subtitle">从星宿生辰推演的五重吉名，择其心有所向</text>
    </view>

    <view class="empty" tt:if="{{!results.length}}">
      <text>暂无生成结果，请返回主页重新召唤。</text>
      <button class="primary back-button" bindtap="handleBack">返回主页</button>
    </view>

    <view tt:if="{{results.length}}">
      <view class="tip">轻触收藏，铭记心仪之名</view>
      <block tt:for="{{results}}" tt:for-index="index" tt:for-item="item" tt:key="name">
        <view class="result-card">
          <view class="result-header">
            <text class="name">{{item.name}}</text>
            <button
              class="collect-button"
              size="mini"
              bindtap="handleFavorite"
              data-name="{{item.name}}"
              data-meaning="{{item.meaning}}"
            >
              收藏
            </button>
          </view>
          <text class="meaning">{{item.meaning}}</text>
        </view>
      </block>
      <button class="primary back-button" bindtap="handleBack">再占一卦</button>
    </view>
  </scroll-view>
</view>