gengxin

TUICallKit-Vue3/native/tang-detective/pages/share/share.wxml

@@ -0,0 +1,71 @@
+<view class="safe-shell share-shell">
+  <view wx:if="{{memoryCard}}" class="share-card paper-panel">
+    <view class="share-identity">
+      <text class="share-kicker">家人发来的桂香记忆</text>
+      <view class="share-person-seal" aria-hidden="true">{{characterInitial}}</view>
+      <view class="share-meta-block">
+        <text class="share-meta-label">人物</text>
+        <text class="share-person">{{memoryCard.characterName}}</text>
+      </view>
+      <view class="share-meta-block">
+        <text class="share-meta-label">年代</text>
+        <text class="share-era">{{memoryCard.eraLine}}</text>
+      </view>
+      <text class="share-chapter">{{chapterLabel}} · {{memoryCard.chapterTitle}}</text>
+    </view>
+
+    <view class="share-main">
+      <view class="share-capsule-safe-space" aria-hidden="true"></view>
+      <scroll-view
+        class="share-copy"
+        scroll-y
+        enhanced
+        bounces="{{false}}"
+        show-scrollbar="{{true}}"
+        aria-label="{{chapterLabel}}桂香记忆卡"
+      >
+        <view class="share-section share-echo">
+          <text class="share-section-label">桌边回声</text>
+          <text class="share-quote">“{{memoryCard.tableEcho}}”</text>
+        </view>
+        <view class="share-section">
+          <text class="share-section-label">今天行动</text>
+          <text class="share-section-copy">{{memoryCard.lifeAction}}</text>
+        </view>
+        <view class="share-section share-family">
+          <text class="share-section-label">带回家话语</text>
+          <text class="share-section-copy">“{{memoryCard.familyLine}}”</text>
+        </view>
+      </scroll-view>
+
+      <view class="share-actions">
+        <button
+          class="share-action share-action-primary"
+          bindtap="openChapter"
+          aria-label="一起翻{{chapterLabel}}，{{memoryCard.chapterTitle}}"
+        >一起翻这一回</button>
+        <button
+          class="share-action share-action-forward"
+          open-type="share"
+          aria-label="把这一页再发给家人"
+        >再发给家人</button>
+        <button
+          class="share-action share-action-secondary"
+          bindtap="goHome"
+          aria-label="回到唐侦探封面"
+        >回到封面</button>
+      </view>
+    </view>
+  </view>
+
+  <view wx:else class="share-invalid paper-panel" aria-live="polite">
+    <view class="share-invalid-seal" aria-hidden="true">桂</view>
+    <text class="share-invalid-title">这页记忆，暂时没有翻开</text>
+    <text class="share-invalid-copy">{{invalidCardMessage}}</text>
+    <button
+      class="share-action share-action-primary share-invalid-action"
+      bindtap="goHome"
+      aria-label="回到唐侦探封面"
+    >回到封面</button>
+  </view>
+</view>