取名小程序开发

NamingAssistant/pages/favorites/index.ttml

@@ -0,0 +1,37 @@
+<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="{{!favorites.length}}">
+      <text>尚未收藏姓名，去玄名殿占卜一卦吧。</text>
+    </view>
+
+    <block tt:for="{{favorites}}" tt:for-item="item" tt:for-index="index" tt:key="id">
+      <view class="favorite-card">
+        <view class="card-glow"></view>
+        <view class="favorite-header">
+          <text class="name">{{item.name}}</text>
+          <button
+            size="mini"
+            type="default"
+            data-id="{{item.id}}"
+            bindtap="handleDelete"
+            class="delete-button"
+          >
+            移除
+          </button>
+        </view>
+        <text class="meaning">{{item.meaning}}</text>
+        <text class="timestamp">收藏于 {{item.displayTime}}</text>
+      </view>
+    </block>
+  </scroll-view>
+</view>