计分本细节调整

src/pages/point-book-list.vue

@@ -96,10 +96,26 @@ const onSelectOption = (itemIndex, value) => {
       </view>
       <view class="point-records">
         <ScrollList :onLoading="onListLoading">
-          <view v-for="(item, index) in list" :key="item.id">
-            <PointRecord :data="item" :onRemove="onRemoveRecord" />
-            <view v-if="index < list.length - 1" :style="{ height: '25rpx' }"></view>
-          </view>
+          <uni-swipe-action>
+            <block v-for="(item, index) in list" :key="item.id">
+              <uni-swipe-action-item>
+                <template v-slot:right>
+                  <view class="swipe-right" @click="onRemoveRecord(item)">
+                    <image
+                      class="swipe-icon"
+                      src="../static/delete-white.png"
+                      mode="widthFix"
+                    />
+                  </view>
+                </template>
+                <PointRecord :data="item" />
+              </uni-swipe-action-item>
+              <view
+                v-if="index < list.length - 1"
+                :style="{ height: '25rpx' }"
+              ></view>
+            </block>
+          </uni-swipe-action>
           <view class="no-data" v-if="list.length === 0">暂无数据</view>
         </ScrollList>
       </view>
@@ -141,7 +157,7 @@ const onSelectOption = (itemIndex, value) => {
       </SModal>
       <ScreenHint2 :show="showTip">
         <view class="tip-content">
-          <text>确认删除该记录吗</text>
+          <text>确认删除该记录吗?</text>
           <view>
             <button hover-class="none" @click="showTip = false">取消</button>
             <button hover-class="none" @click="confirmRemove">确认</button>
@@ -245,4 +261,17 @@ const onSelectOption = (itemIndex, value) => {
 .tip-content > view > button:last-child {
   background: #fed847;
 }
+/* 右侧滑动按钮（自定义宽度与图标） */
+.swipe-right {
+  width: 120rpx; /* 这里可按需调整按钮宽度 */
+  height: 100%;
+  background-color: #ff7c7c;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.swipe-icon {
+  width: 44rpx;
+  height: 44rpx;
+}
 </style>