fix: 修复海报面板提示与加载样式

- 更新海报面板提示，仅在有海报列表时显示相关信息。
- 调整加载样式，优化布局与对齐，提升用户体验。
- 修改按钮样式，确保一致性与可读性。

components/distribution-goods-share/poster-panel.vue

@@ -1,6 +1,6 @@
 <template>
   <view class="poster-panel">
-    <view class="poster-hint">点击海报预览后可保存到相册</view>
+    <view v-if="posterList.length" class="poster-hint">点击海报预览后可保存到相册</view>
 
     <view v-if="loading" class="loading-wrap">
       <text class="loading-text">海报生成中...</text>
@@ -465,23 +465,38 @@ function saveCurrentPoster() {
 }
 
 .loading-wrap {
-  padding: 120rpx 0;
-  text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 80rpx 48rpx;
+  box-sizing: border-box;
 }
 
 .loading-text {
+  display: block;
+  width: 100%;
   color: #999;
   font-size: 28rpx;
+  line-height: 1.6;
+  text-align: center;
+}
+
+.retry-btn {
+  margin-top: 32rpx;
 }
 
 .retry-btn,
 .save-btn {
-  display: inline-block;
-  padding: 12rpx 40rpx;
-  border-radius: 30rpx;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 64rpx;
+  padding: 0 40rpx;
+  border-radius: 32rpx;
   background: linear-gradient(90deg, #ff9f3f, #ff6b35);
   color: #fff;
   font-size: 26rpx;
+  white-space: nowrap;
 }
 
 .poster-swiper {

pages/mine/address/address.vue

@@ -1,135 +1,135 @@
-<template>
-  <view class="address">
-
-    <u-empty class="empty" v-if="addressList.length == 0" text="暂无收货地址" mode="address"></u-empty>
-    <view class="list" v-else>
-      <view class="item c-content" v-for="(item, index) in addressList" :key="index">
-        <view class="basic" @click="selectAddressData(item)">
-          <text>{{ item.name }}</text>
-          <text>{{ item.mobile }}</text>
-          <text class="default" v-show="item.isDefault">默认</text>
-          <view>
-            <div class="region">
-              <span v-if="item.consigneeAddressPath[0]">{{item.consigneeAddressPath[0]}}</span>
-              <span v-if="item.consigneeAddressPath[1]">{{item.consigneeAddressPath[1]}}</span>
-              <span v-if="item.consigneeAddressPath[2]">{{item.consigneeAddressPath[2]}}</span>
-              <span v-if="item.consigneeAddressPath[3]">{{item.consigneeAddressPath[3]}}</span>
-              <span>{{ item.detail }}</span>
-            </div>
-          </view>
-        </view>
-        <view class="edit">
-          <view class="relative" @click="setDefault(item)">
-            <view v-if="item.isDefault" class="alifont icon-xuanzhong"></view>
-            <text v-else class="unchecked"></text>
-            <text>{{ item.isDefault ? "默认地址" : "设为默认" }}</text>
-          </view>
-          <view class="relative">
-            <view class="alifont icon-bianji-copy"></view>
-            <text class="mr-40" @click="addAddress(item.id)">编辑</text>
-            <view class="alifont icon-lajitong" @click.stop="removeAddress(item.id)"></view>
-            <text @click.stop="removeAddress(item.id)">删除</text>
-          </view>
-        </view>
-      </view>
-      <view style="height: 100px"></view>
-    </view>
-    <view class="btn" @click="addAddress('')">
-      <u-icon name="plus-circle" color="#ffffff" size="18"></u-icon>
-      <text class="btn-text">添加新收货人</text>
-    </view>
-  </view>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-import { onLoad, onShow, onPullDownRefresh } from '@dcloudio/uni-app'
-import { useStore } from '@/store'
-import * as API_Trade from '@/api/trade'
-import * as API_Address from '@/api/address.js'
-
-const store = useStore()
-
-const addressList = ref<any[]>([])
-const routerVal = ref<Record<string, string>>({})
-const params = { pageNumber: 1, pageSize: 1000 }
-
-onPullDownRefresh(() => {
-  addressList.value = []
-  getAddressList()
-})
-
-onLoad((val) => {
-  routerVal.value = val || {}
-})
-
-onShow(() => {
-  addressList.value = []
-  getAddressList()
-})
-
-function hideLoadingIfNeeded() {
-  if (store.state.isShowToast) uni.hideLoading()
-}
-
-async function selectAddressData(val: any) {
-  await API_Trade.setAddressId(val.id, routerVal.value.way)
-  uni.navigateBack({ delta: 1 })
-}
-
-function getAddressList() {
-  uni.showLoading()
-  API_Address.getAddressList(params.pageNumber, params.pageSize).then((res) => {
-    res.data.result.records.forEach((item: any) => {
-      item.consigneeAddressPath = item.consigneeAddressPath.split(',')
-    })
-    addressList.value = res.data.result.records
-    hideLoadingIfNeeded()
-  })
-}
-
-function removeAddress(id: string) {
-  uni.showModal({
-    title: '提示',
-    content: '确定要删除该收货人信息吗？',
-    success: (res) => {
-      if (!res.confirm) return
-      API_Address.deleteAddress(id).then((result) => {
-        if (result.statusCode == 200) {
-          uni.showToast({ icon: 'none', title: '删除成功' })
-          getAddressList()
-        } else {
-          uni.showToast({ icon: 'none', title: result.data.message, duration: 2000 })
-        }
-      })
-    },
-  })
-}
-
-function addAddress(id: string) {
-  if (id) {
-    uni.navigateTo({
-      url: `/pages/mine/address/add?id=${id}&way=${routerVal.value.way}&type=order`,
-    })
-  } else {
-    uni.navigateTo({
-      url: `/pages/mine/address/add?way=${routerVal.value.way}&type=order`,
-    })
-  }
-}
-
-function setDefault(item: any) {
-  delete item.updateBy
-  delete item.updateTime
-  delete item.deleteFlag
-  if (!item.isDefault) item.isDefault = true
-  API_Address.editAddress(item).then(() => {
-    uni.showToast({ title: '设置默认地址成功', icon: 'none' })
-    getAddressList()
-  })
-}
-</script>
-
-<style lang="scss" scoped>
-@import "./address.scss";
-</style>
+<template>
+  <view class="address">
+
+    <u-empty class="empty" v-if="addressList.length == 0" text="暂无收货地址" mode="address"></u-empty>
+    <view class="list" v-else>
+      <view class="item c-content" v-for="(item, index) in addressList" :key="index">
+        <view class="basic" @click="selectAddressData(item)">
+          <text>{{ item.name }}</text>
+          <text>{{ item.mobile }}</text>
+          <text class="default" v-show="item.isDefault">默认</text>
+          <view>
+            <div class="region">
+              <span v-if="item.consigneeAddressPath[0]">{{item.consigneeAddressPath[0]}}</span>
+              <span v-if="item.consigneeAddressPath[1]">{{item.consigneeAddressPath[1]}}</span>
+              <span v-if="item.consigneeAddressPath[2]">{{item.consigneeAddressPath[2]}}</span>
+              <span v-if="item.consigneeAddressPath[3]">{{item.consigneeAddressPath[3]}}</span>
+              <span>{{ item.detail }}</span>
+            </div>
+          </view>
+        </view>
+        <view class="edit">
+          <view class="relative" @click="setDefault(item)">
+            <view v-if="item.isDefault" class="alifont icon-xuanzhong"></view>
+            <text v-else class="unchecked"></text>
+            <text>{{ item.isDefault ? "默认地址" : "设为默认" }}</text>
+          </view>
+          <view class="relative">
+            <view class="alifont icon-bianji-copy"></view>
+            <text class="mr-40" @click="addAddress(item.id)">编辑</text>
+            <view class="alifont icon-lajitong" @click.stop="removeAddress(item.id)"></view>
+            <text @click.stop="removeAddress(item.id)">删除</text>
+          </view>
+        </view>
+      </view>
+      <view style="height: 100px"></view>
+    </view>
+    <view class="btn" @click="addAddress('')">
+      <u-icon name="plus-circle" color="#ffffff" size="18"></u-icon>
+      <text class="btn-text">添加新收货人</text>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import { onLoad, onShow, onPullDownRefresh } from '@dcloudio/uni-app'
+import { useStore } from '@/store'
+import * as API_Trade from '@/api/trade'
+import * as API_Address from '@/api/address.js'
+
+const store = useStore()
+
+const addressList = ref<any[]>([])
+const routerVal = ref<Record<string, string>>({})
+const params = { pageNumber: 1, pageSize: 1000 }
+
+onPullDownRefresh(() => {
+  addressList.value = []
+  getAddressList()
+})
+
+onLoad((val) => {
+  routerVal.value = val || {}
+})
+
+onShow(() => {
+  addressList.value = []
+  getAddressList()
+})
+
+function hideLoadingIfNeeded() {
+  if (store.state.isShowToast) uni.hideLoading()
+}
+
+async function selectAddressData(val: any) {
+  await API_Trade.setAddressId(val.id, routerVal.value.way)
+  uni.navigateBack({ delta: 1 })
+}
+
+function getAddressList() {
+  uni.showLoading()
+  API_Address.getAddressList(params.pageNumber, params.pageSize).then((res) => {
+    res.data.result.records.forEach((item: any) => {
+      item.consigneeAddressPath = item.consigneeAddressPath.split(',')
+    })
+    addressList.value = res.data.result.records
+    hideLoadingIfNeeded()
+  })
+}
+
+function removeAddress(id: string) {
+  uni.showModal({
+    title: '提示',
+    content: '确定要删除该收货人信息吗？',
+    success: (res) => {
+      if (!res.confirm) return
+      API_Address.deleteAddress(id).then((result) => {
+        if (result.statusCode == 200) {
+          uni.showToast({ icon: 'none', title: '删除成功' })
+          getAddressList()
+        } else {
+          uni.showToast({ icon: 'none', title: result.data.message, duration: 2000 })
+        }
+      })
+    },
+  })
+}
+
+function addAddress(id: string) {
+  if (id) {
+    uni.navigateTo({
+      url: `/pages/mine/address/add?id=${id}&way=${routerVal.value.way}&type=order`,
+    })
+  } else {
+    uni.navigateTo({
+      url: `/pages/mine/address/add?way=${routerVal.value.way}&type=order`,
+    })
+  }
+}
+
+function setDefault(item: any) {
+  delete item.updateBy
+  delete item.updateTime
+  delete item.deleteFlag
+  if (!item.isDefault) item.isDefault = true
+  API_Address.editAddress(item).then(() => {
+    uni.showToast({ title: '设置默认地址成功', icon: 'none' })
+    getAddressList()
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+@import "./address.scss";
+</style>

pages/mine/myTracks.vue

@@ -1,325 +1,325 @@
-<template>
-	<view class="myTracks">
-		<u-navbar
-			title="我的足迹"
-			:fixed="true"
-			:placeholder="true"
-			:auto-back="true"
-		>
-			<template #right>
-        <view class="light-color edit" @click="isEdit = !isEdit">{{ !isEdit ? '编辑' : '完成'}}</view>
-      </template>
-		</u-navbar>
-		<u-empty text="暂无历史记录" style="margin-top:200rpx;" mode="history" v-if="isEmpty"></u-empty>
-		<view v-else class="tracks-list" :class="{ 'is-editing': isEdit }">
-			<u-swipe-action
-				v-for="(item, index) in trackList"
-				:key="item.id || index"
-				class="myTracks-swipe"
-			>
-				<u-swipe-action-item
-					:show="item.show"
-					:name="index"
-					@click="deleteTracks"
-					@open="openSwipe"
-					:options="swipeOptions"
-				>
-					<view class="myTracks-item">
-						<u-checkbox-group v-if="isEdit" class="store-line-check">
-							<u-checkbox
-								usedAlone
-								shape="circle"
-								:active-color="lightColor"
-								v-model:checked="item.checked"
-								@change="onTrackCheckChange(item)"
-							></u-checkbox>
-						</u-checkbox-group>
-						<view class="myTracks-item-img" @click.stop="navigateToDetail(item)">
-							<image v-if="item.thumbnail" class="track-thumb-img" mode="aspectFill" :src="item.thumbnail"></image>
-						</view>
-						<view class="myTracks-item-content" @click.stop="navigateToDetail(item)">
-							<view class="myTracks-item-title">{{ item.goodsName }}</view>
-							<view
-								v-if="getStoreName(item)"
-								class="myTracks-item-store"
-								@click.stop="navigateToStore(item)"
-							>{{ getStoreName(item) }}</view>
-							<view class="myTracks-item-price">￥{{ unitPrice(item.price) }}</view>
-						</view>
-					</view>
-				</u-swipe-action-item>
-			</u-swipe-action>
-			<view v-if="isEdit" class="submit" @click="deleteSelectedTracks">删除所选</view>
-		</view>
-
-	</view>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from 'vue'
-import { onShow, onReachBottom, onPullDownRefresh } from '@dcloudio/uni-app'
-import { useStore } from '@/store'
-import { unitPrice } from '@/utils/filters.js'
-import { myTrackList, deleteHistoryListId } from '@/api/members.js'
-import { getStoreBaseInfo } from '@/api/store.js'
-
-const store = useStore()
-const lightColor = computed(() => store.getters.lightColor)
-
-const isEdit = ref(false)
-const isEmpty = ref(false)
-const params = ref({
-	pageNumber: 1,
-	pageSize: 10,
-	order: 'desc',
-	sort: 'updateTime',
-})
-const swipeOptions = [{ text: '删除', style: { backgroundColor: '#dd524d' } }]
-const trackList = ref<any[]>([])
-const storeNameMap = ref<Record<string, string>>({})
-
-onReachBottom(() => {
-	params.value.pageNumber++
-	fetchTrackList()
-})
-
-onShow(() => {
-	params.value.pageNumber = 1
-	trackList.value = []
-	fetchTrackList()
-})
-
-onPullDownRefresh(() => {
-	params.value.pageNumber = 1
-	trackList.value = []
-	fetchTrackList()
-})
-
-function getStoreName(item: any) {
-	return item.storeName || storeNameMap.value[item.storeId] || ''
-}
-
-async function enrichStoreNames(records: any[]) {
-	const storeIds = [
-		...new Set(
-			records
-				.filter((item) => !item.storeName && item.storeId)
-				.map((item) => item.storeId)
-		),
-	].filter((storeId) => !storeNameMap.value[storeId])
-
-	await Promise.all(
-		storeIds.map(async (storeId) => {
-			try {
-				const res = await getStoreBaseInfo(storeId)
-				const name = res.data?.result?.storeName
-				if (name) {
-					storeNameMap.value[storeId] = name
-				}
-			} catch {
-				// ignore
-			}
-		})
-	)
-}
-
-function onTrackCheckChange(_val: any) {
-	// 勾选状态由 v-model:checked 维护
-}
-
-function deleteSelectedTracks() {
-	const ids = trackList.value.filter((item) => item.checked).map((item) => item.goodsId)
-	if (!ids.length) {
-		uni.showToast({ title: '请选择删除数据', icon: 'none' })
-		return
-	}
-	deleteTracks(0, ids)
-}
-
-function navigateToStore(val: any) {
-	uni.navigateTo({ url: `/pages/product/shopPage?id=${val.storeId}` })
-}
-
-function openSwipe(index: number) {
-	trackList.value[index].show = true
-	trackList.value.forEach((val, idx) => {
-		if (index !== idx) val.show = false
-	})
-}
-
-function navigateToDetail(item: any) {
-	uni.navigateTo({
-		url: `/pages/product/goods?id=${item.id}&goodsId=${item.goodsId}`,
-	})
-}
-
-function fetchTrackList() {
-	uni.showLoading({ title: '加载中' })
-	myTrackList(params.value).then(async (res) => {
-		uni.stopPullDownRefresh()
-		uni.hideLoading()
-		if (res.statusCode === 200) {
-			const records = res.data.result.records || []
-			records.forEach((item: any) => {
-				item.show = false
-				item.checked = false
-			})
-
-			if (!records.length) {
-				if (trackList.value.length === 0) {
-					isEmpty.value = true
-				}
-			} else {
-				isEmpty.value = false
-				await enrichStoreNames(records)
-				trackList.value.push(...records)
-			}
-		}
-	})
-}
-
-function deleteTracks(e: any, ids?: any) {
-	const index = typeof e === 'object' ? (e.name != null ? e.name : e.index) : e
-	const goodsId = ids || trackList.value[index]?.goodsId
-	if (!goodsId) return
-	deleteHistoryListId(goodsId).then((res) => {
-		if (res.data.code === 200) {
-			trackList.value = []
-			params.value.pageNumber = 1
-			fetchTrackList()
-		} else {
-			uni.showToast({
-				title: res.data.message,
-				duration: 2000,
-				icon: 'none',
-			})
-		}
-	})
-}
-</script>
-
-<style lang="scss" scoped>
-	.submit {
-		position: fixed;
-		bottom: calc(20rpx + constant(safe-area-inset-bottom));
-		bottom: calc(20rpx + env(safe-area-inset-bottom));
-		left: 10%;
-		width: 80%;
-		height: 80rpx;
-		color: #fff;
-		border-radius: 100px;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		background: $light-color;
-		z-index: 99;
-	}
-
-	.myTracks {
-		width: 100%;
-		min-height: 100vh;
-		background: #f5f5f5;
-		padding-top: 2rpx;
-		box-sizing: border-box;
-	}
-
-	.tracks-list {
-		padding: 20rpx 24rpx 40rpx;
-		box-sizing: border-box;
-
-		&.is-editing {
-			padding-bottom: calc(140rpx + constant(safe-area-inset-bottom));
-			padding-bottom: calc(140rpx + env(safe-area-inset-bottom));
-		}
-	}
-
-	.myTracks-swipe {
-		display: block;
-		margin-bottom: 20rpx;
-		border-radius: 16rpx;
-		overflow: hidden;
-		background: #fff;
-	}
-
-	:deep(.u-swipe-action),
-	:deep(.u-swipe-action-item),
-	:deep(.u-swipe-action-item__content) {
-		width: 100%;
-	}
-
-	:deep(.u-swipe-action-item__content) {
-		overflow: hidden;
-		background: #fff;
-	}
-
-	.myTracks-item {
-		width: 100%;
-		padding: 24rpx;
-		background-color: #fff;
-		box-sizing: border-box;
-		display: flex;
-		align-items: center;
-	}
-
-	.store-line-check {
-		margin-right: 16rpx;
-		flex-shrink: 0;
-	}
-
-	.myTracks-item-img {
-		width: 160rpx;
-		height: 160rpx;
-		margin-right: 20rpx;
-		flex-shrink: 0;
-		border-radius: 12rpx;
-		background: #f3f4f6;
-		overflow: hidden;
-
-		.track-thumb-img {
-			width: 100%;
-			height: 100%;
-			display: block;
-		}
-	}
-
-	.myTracks-item-content {
-		flex: 1;
-		min-width: 0;
-		min-height: 160rpx;
-		display: flex;
-		flex-direction: column;
-		justify-content: space-between;
-	}
-
-	.myTracks-item-title {
-		font-size: 28rpx;
-		color: #333;
-		line-height: 1.4;
-		display: -webkit-box;
-		-webkit-box-orient: vertical;
-		-webkit-line-clamp: 2;
-		overflow: hidden;
-	}
-
-	.myTracks-item-store {
-		margin-top: 8rpx;
-		font-size: 24rpx;
-		color: #999;
-		line-height: 1.4;
-		overflow: hidden;
-		white-space: nowrap;
-		text-overflow: ellipsis;
-	}
-
-	.myTracks-item-price {
-		margin-top: 12rpx;
-		font-size: 32rpx;
-		font-weight: 600;
-		color: $light-color;
-		line-height: 1.2;
-	}
-
-	.edit {
-		padding-right: 32rpx;
-	}
-</style>
+<template>
+	<view class="myTracks">
+		<u-navbar
+			title="我的足迹"
+			:fixed="true"
+			:placeholder="true"
+			:auto-back="true"
+		>
+			<template #right>
+        <view class="light-color edit" @click="isEdit = !isEdit">{{ !isEdit ? '编辑' : '完成'}}</view>
+      </template>
+		</u-navbar>
+		<u-empty text="暂无历史记录" style="margin-top:200rpx;" mode="history" v-if="isEmpty"></u-empty>
+		<view v-else class="tracks-list" :class="{ 'is-editing': isEdit }">
+			<u-swipe-action
+				v-for="(item, index) in trackList"
+				:key="item.id || index"
+				class="myTracks-swipe"
+			>
+				<u-swipe-action-item
+					:show="item.show"
+					:name="index"
+					@click="deleteTracks"
+					@open="openSwipe"
+					:options="swipeOptions"
+				>
+					<view class="myTracks-item">
+						<u-checkbox-group v-if="isEdit" class="store-line-check">
+							<u-checkbox
+								usedAlone
+								shape="circle"
+								:active-color="lightColor"
+								v-model:checked="item.checked"
+								@change="onTrackCheckChange(item)"
+							></u-checkbox>
+						</u-checkbox-group>
+						<view class="myTracks-item-img" @click.stop="navigateToDetail(item)">
+							<image v-if="item.thumbnail" class="track-thumb-img" mode="aspectFill" :src="item.thumbnail"></image>
+						</view>
+						<view class="myTracks-item-content" @click.stop="navigateToDetail(item)">
+							<view class="myTracks-item-title">{{ item.goodsName }}</view>
+							<view
+								v-if="getStoreName(item)"
+								class="myTracks-item-store"
+								@click.stop="navigateToStore(item)"
+							>{{ getStoreName(item) }}</view>
+							<view class="myTracks-item-price">￥{{ unitPrice(item.price) }}</view>
+						</view>
+					</view>
+				</u-swipe-action-item>
+			</u-swipe-action>
+			<view v-if="isEdit" class="submit" @click="deleteSelectedTracks">删除所选</view>
+		</view>
+
+	</view>
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from 'vue'
+import { onShow, onReachBottom, onPullDownRefresh } from '@dcloudio/uni-app'
+import { useStore } from '@/store'
+import { unitPrice } from '@/utils/filters.js'
+import { myTrackList, deleteHistoryListId } from '@/api/members.js'
+import { getStoreBaseInfo } from '@/api/store.js'
+
+const store = useStore()
+const lightColor = computed(() => store.getters.lightColor)
+
+const isEdit = ref(false)
+const isEmpty = ref(false)
+const params = ref({
+	pageNumber: 1,
+	pageSize: 10,
+	order: 'desc',
+	sort: 'updateTime',
+})
+const swipeOptions = [{ text: '删除', style: { backgroundColor: '#dd524d' } }]
+const trackList = ref<any[]>([])
+const storeNameMap = ref<Record<string, string>>({})
+
+onReachBottom(() => {
+	params.value.pageNumber++
+	fetchTrackList()
+})
+
+onShow(() => {
+	params.value.pageNumber = 1
+	trackList.value = []
+	fetchTrackList()
+})
+
+onPullDownRefresh(() => {
+	params.value.pageNumber = 1
+	trackList.value = []
+	fetchTrackList()
+})
+
+function getStoreName(item: any) {
+	return item.storeName || storeNameMap.value[item.storeId] || ''
+}
+
+async function enrichStoreNames(records: any[]) {
+	const storeIds = [
+		...new Set(
+			records
+				.filter((item) => !item.storeName && item.storeId)
+				.map((item) => item.storeId)
+		),
+	].filter((storeId) => !storeNameMap.value[storeId])
+
+	await Promise.all(
+		storeIds.map(async (storeId) => {
+			try {
+				const res = await getStoreBaseInfo(storeId)
+				const name = res.data?.result?.storeName
+				if (name) {
+					storeNameMap.value[storeId] = name
+				}
+			} catch {
+				// ignore
+			}
+		})
+	)
+}
+
+function onTrackCheckChange(_val: any) {
+	// 勾选状态由 v-model:checked 维护
+}
+
+function deleteSelectedTracks() {
+	const ids = trackList.value.filter((item) => item.checked).map((item) => item.goodsId)
+	if (!ids.length) {
+		uni.showToast({ title: '请选择删除数据', icon: 'none' })
+		return
+	}
+	deleteTracks(0, ids)
+}
+
+function navigateToStore(val: any) {
+	uni.navigateTo({ url: `/pages/product/shopPage?id=${val.storeId}` })
+}
+
+function openSwipe(index: number) {
+	trackList.value[index].show = true
+	trackList.value.forEach((val, idx) => {
+		if (index !== idx) val.show = false
+	})
+}
+
+function navigateToDetail(item: any) {
+	uni.navigateTo({
+		url: `/pages/product/goods?id=${item.id}&goodsId=${item.goodsId}`,
+	})
+}
+
+function fetchTrackList() {
+	uni.showLoading({ title: '加载中' })
+	myTrackList(params.value).then(async (res) => {
+		uni.stopPullDownRefresh()
+		uni.hideLoading()
+		if (res.statusCode === 200) {
+			const records = res.data.result.records || []
+			records.forEach((item: any) => {
+				item.show = false
+				item.checked = false
+			})
+
+			if (!records.length) {
+				if (trackList.value.length === 0) {
+					isEmpty.value = true
+				}
+			} else {
+				isEmpty.value = false
+				await enrichStoreNames(records)
+				trackList.value.push(...records)
+			}
+		}
+	})
+}
+
+function deleteTracks(e: any, ids?: any) {
+	const index = typeof e === 'object' ? (e.name != null ? e.name : e.index) : e
+	const goodsId = ids || trackList.value[index]?.goodsId
+	if (!goodsId) return
+	deleteHistoryListId(goodsId).then((res) => {
+		if (res.data.code === 200) {
+			trackList.value = []
+			params.value.pageNumber = 1
+			fetchTrackList()
+		} else {
+			uni.showToast({
+				title: res.data.message,
+				duration: 2000,
+				icon: 'none',
+			})
+		}
+	})
+}
+</script>
+
+<style lang="scss" scoped>
+	.submit {
+		position: fixed;
+		bottom: calc(20rpx + constant(safe-area-inset-bottom));
+		bottom: calc(20rpx + env(safe-area-inset-bottom));
+		left: 10%;
+		width: 80%;
+		height: 80rpx;
+		color: #fff;
+		border-radius: 100px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		background: $light-color;
+		z-index: 99;
+	}
+
+	.myTracks {
+		width: 100%;
+		min-height: 100vh;
+		background: #f5f5f5;
+		padding-top: 2rpx;
+		box-sizing: border-box;
+	}
+
+	.tracks-list {
+		padding: 20rpx 24rpx 40rpx;
+		box-sizing: border-box;
+
+		&.is-editing {
+			padding-bottom: calc(140rpx + constant(safe-area-inset-bottom));
+			padding-bottom: calc(140rpx + env(safe-area-inset-bottom));
+		}
+	}
+
+	.myTracks-swipe {
+		display: block;
+		margin-bottom: 20rpx;
+		border-radius: 16rpx;
+		overflow: hidden;
+		background: #fff;
+	}
+
+	:deep(.u-swipe-action),
+	:deep(.u-swipe-action-item),
+	:deep(.u-swipe-action-item__content) {
+		width: 100%;
+	}
+
+	:deep(.u-swipe-action-item__content) {
+		overflow: hidden;
+		background: #fff;
+	}
+
+	.myTracks-item {
+		width: 100%;
+		padding: 24rpx;
+		background-color: #fff;
+		box-sizing: border-box;
+		display: flex;
+		align-items: center;
+	}
+
+	.store-line-check {
+		margin-right: 16rpx;
+		flex-shrink: 0;
+	}
+
+	.myTracks-item-img {
+		width: 160rpx;
+		height: 160rpx;
+		margin-right: 20rpx;
+		flex-shrink: 0;
+		border-radius: 12rpx;
+		background: #f3f4f6;
+		overflow: hidden;
+
+		.track-thumb-img {
+			width: 100%;
+			height: 100%;
+			display: block;
+		}
+	}
+
+	.myTracks-item-content {
+		flex: 1;
+		min-width: 0;
+		min-height: 160rpx;
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+	}
+
+	.myTracks-item-title {
+		font-size: 28rpx;
+		color: #333;
+		line-height: 1.4;
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		-webkit-line-clamp: 2;
+		overflow: hidden;
+	}
+
+	.myTracks-item-store {
+		margin-top: 8rpx;
+		font-size: 24rpx;
+		color: #999;
+		line-height: 1.4;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+
+	.myTracks-item-price {
+		margin-top: 12rpx;
+		font-size: 32rpx;
+		font-weight: 600;
+		color: $light-color;
+		line-height: 1.2;
+	}
+
+	.edit {
+		padding-right: 32rpx;
+	}
+</style>