From 802d21a896ee372647de972afce0a10fc4d78fb0 Mon Sep 17 00:00:00 2001
From: kron <kai_hong@126.com>
Date: Tue, 4 Nov 2025 17:41:50 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=86=E8=8A=82=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PointRecord.vue  |  26 +++++++++++++++++-----
 src/pages/point-book-detail.vue |  37 +++++++++++++++++++++++---------
 src/static/delete-white.png     | Bin 0 -> 389 bytes
 src/util.js                     |   8 ++++---
 4 files changed, 53 insertions(+), 18 deletions(-)
 create mode 100644 src/static/delete-white.png

diff --git a/src/components/PointRecord.vue b/src/components/PointRecord.vue
index 24ebef7..be7c406 100644
--- a/src/components/PointRecord.vue
+++ b/src/components/PointRecord.vue
@@ -13,9 +13,7 @@ const props = defineProps({
 });
 const bowOptions = ref({});
 const targetOptions = ref({});
-const rightOptions = [
-  { text: "删除", style: { backgroundColor: "#ff4d4f", color: "#fff" } },
-];
+// 使用插槽自定义右侧按钮为图标，若需要文字按钮可恢复 rightOptions
 
 const toDetailPage = () => {
   uni.navigateTo({
@@ -41,9 +39,13 @@ const onSwipeActionClick = () => {
 <template>
   <uni-swipe-action>
     <uni-swipe-action-item
-      :right-options="rightOptions"
-      @click="onSwipeActionClick"
+      @change="() => {}"
     >
+      <template v-slot:right>
+        <view class="swipe-right" @click="onSwipeActionClick">
+          <image class="swipe-icon" src="../static/delete-white.png" mode="widthFix" />
+        </view>
+      </template>
       <view class="container" @click="toDetailPage">
         <view class="left-part">
           <view class="labels">
@@ -156,4 +158,18 @@ const onSwipeActionClick = () => {
   font-size: 30rpx;
   color: #fff;
 }
+
+/* 右侧滑动按钮（自定义宽度与图标） */
+.swipe-right {
+  width: 120rpx; /* 这里可按需调整按钮宽度 */
+  height: 100%;
+  background-color: #ff7c7c;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.swipe-icon {
+  width: 44rpx;
+  height: 44rpx;
+}
 </style>
diff --git a/src/pages/point-book-detail.vue b/src/pages/point-book-detail.vue
index e8ada3b..9121582 100644
--- a/src/pages/point-book-detail.vue
+++ b/src/pages/point-book-detail.vue
@@ -7,7 +7,7 @@ import ScreenHint2 from "@/components/ScreenHint2.vue";
 import RingBarChart from "@/components/RingBarChart.vue";
 
 import { getPointBookDetailAPI, addNoteAPI } from "@/apis";
-import { generateShareCardImage } from "@/util";
+import { wxShare, generateShareCard, generateShareImage } from "@/util";
 
 import useStore from "@/store";
 import { storeToRefs } from "pinia";
@@ -26,7 +26,9 @@ const notes = ref("");
 const draftNotes = ref("");
 const record = ref({
   groups: [],
+  user: {},
 });
+const shareType = ref(1);
 
 const openTip = (index) => {
   if (index === 1) showTip.value = true;
@@ -80,9 +82,19 @@ const ringRates = computed(() => {
   return rates.map((r) => r / arrows.value.length);
 });
 
+const loading = ref(false);
+const shareImage = async () => {
+  if (loading.value) return;
+  loading.value = true;
+  await generateShareImage("shareImageCanvas");
+  await wxShare("shareImageCanvas");
+  loading.value = false;
+};
+
 onLoad(async (options) => {
   if (options.id) {
     const result = await getPointBookDetailAPI(options.id || 194);
+    console.log(result);
     record.value = result;
     notes.value = result.remark || "";
     const config = uni.getStorageSync("point-book-config");
@@ -101,7 +113,7 @@ onLoad(async (options) => {
 
 onShareAppMessage(async () => {
   const imageUrl = await generateShareCardImage(
-    "shareCanvas",
+    "shareCardCanvas",
     record.value.recordDate,
     data.value.userTotalRing,
     data.value.totalRing
@@ -114,7 +126,7 @@ onShareAppMessage(async () => {
 });
 onShareTimeline(async () => {
   const imageUrl = await generateShareCardImage(
-    "shareCanvas",
+    "shareCardCanvas",
     record.value.recordDate,
     data.value.userTotalRing,
     data.value.totalRing
@@ -155,9 +167,14 @@ onShareTimeline(async () => {
       </view> -->
       <canvas
         class="share-canvas"
-        canvas-id="shareCanvas"
+        canvas-id="shareCardCanvas"
         style="width: 375px; height: 300px"
       ></canvas>
+      <canvas
+        class="share-canvas"
+        canvas-id="shareImageCanvas"
+        style="width: 375px; height: 860px"
+      ></canvas>
       <view class="detail-data">
         <view>
           <view
@@ -192,7 +209,7 @@ onShareTimeline(async () => {
         <button
           hover-class="none"
           @click="() => openTip(3)"
-          v-if="user.id === record.userId"
+          v-if="user.id === record.user.id"
         >
           <image src="../static/edit.png" mode="widthFix" />
           <text>备注</text>
@@ -268,18 +285,18 @@ onShareTimeline(async () => {
           class="btns"
           :style="{
             gridTemplateColumns: `repeat(${
-              user.id === record.userId ? 2 : 1
+              user.id === record.user.id ? 1 : 1
             }, 1fr)`,
           }"
         >
           <button hover-class="none" @click="goBack">关闭</button>
-          <button
+          <!-- <button
             hover-class="none"
-            @click="share"
-            v-if="user.id === record.userId"
+            @click="shareImage"
+            v-if="user.id === record.user.id"
           >
             分享
-          </button>
+          </button> -->
         </view>
       </view>
       <ScreenHint2
diff --git a/src/static/delete-white.png b/src/static/delete-white.png
new file mode 100644
index 0000000000000000000000000000000000000000..f0c5a4a009365f823aa656556ccc4b2b47e3e544
GIT binary patch
literal 389
zcmeAS@N?(olHy`uVBq!ia0vp^8bGYY!3-q7y?7Y{q%s41LR^9Lf4YD_(re3rmMN74
z`2{ni?c85H)4toadU~_MFV-#j30_XNJa2AXSU4d|{NagJ5rzv|E<FaSUg_!L7-Dhy
z?d6kvO$H*Z4^M}1Z#!dbG534D$5$;*!yswly9c&gW&V4z&P#vQfn-P5G|hQIM#54)
z+`k++m%aG@>B!azPeKlR`O2-?Au>J4?SQAAM?>5xqh;3eH!e0Y6janm9&`R>5%hDW
z;hAO61y1-Ta=fW@Y1rHvz2n}8ZBBBw6J|PHHR(G3^g`dY|G(rHGRts(47<pbK1+j_
n+4j<#Z3i8UU7zc|@Jb5j)vz?Moqzo+(9sN@u6{1-oD!M<{h-_t

literal 0
HcmV?d00001

diff --git a/src/util.js b/src/util.js
index ad8c276..ee6cacb 100644
--- a/src/util.js
+++ b/src/util.js
@@ -244,10 +244,10 @@ export async function generateCanvasImage(canvasId, type, user, data) {
   }
 }
 
-export const wxShare = async () => {
+export const wxShare = async (canvasId = "shareCanvas") => {
   try {
     const res = await uni.canvasToTempFilePath({
-      canvasId: "shareCanvas",
+      canvasId,
       fileType: "png", // 图片格式，可选 jpg 或 png
       quality: 1, // 图片质量，取值范围为 0-1
     });
@@ -455,7 +455,7 @@ export const calcRing = (bowtargetId, x, y, diameter, arrowRadius = 5) => {
   return 0;
 };
 
-export const generateShareCardImage = (canvasId, date, actual, total) => {
+export const generateShareCard = (canvasId, date, actual, total) => {
   try {
     const ctx = uni.createCanvasContext(canvasId);
     const imgUrl =
@@ -675,3 +675,5 @@ export const generateShareCardImage = (canvasId, date, actual, total) => {
     console.error("generateShareCardImage 绘制失败:", e);
   }
 };
+
+export const generateShareImage = (canvasId) => {};