From badafedccb814258fa54156b558458fa04191f8d Mon Sep 17 00:00:00 2001
From: xuxueyang <xuxy@fengyuntec.com>
Date: 星期二, 30 七月 2024 11:42:48 +0800
Subject: [PATCH] update

---
 sub_pages/customer/trade/detail.vue |   30 ++++++++++++++++++++++++++----
 1 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/sub_pages/customer/trade/detail.vue b/sub_pages/customer/trade/detail.vue
index 36de112..34afd53 100644
--- a/sub_pages/customer/trade/detail.vue
+++ b/sub_pages/customer/trade/detail.vue
@@ -13,6 +13,7 @@
 			</view>
 			<view class="icon-container">
 				<image src="../../../static/common/icon-shop.png" @click="toShopping(dto)" class="icon-shop">
+					<view class="image-shop-number">{{shopnum||'1'}}</view>
 				</image>
 
 			</view>
@@ -128,7 +129,8 @@
 		data() {
 			return {
 				id: '',
-				dto: {}
+				dto: {},
+				shopnum: 0,
 			}
 		},
 		onLoad(options) {
@@ -136,8 +138,12 @@
 			if (this.id) {
 				this.getDetail()
 			}
+			this.refreshShopNum()
 		},
 		methods: {
+			async refreshShopNum() {
+				this.shopnum = await this.$store.dispatch('submitShopping', dto);
+			},
 			async collectItem(dto) {
 				await this.$message.confirm(`是否${dto.collection?'移除':'添加到'}收藏`)
 				this.$message.showLoading()
@@ -166,6 +172,7 @@
 				this.$message.showLoading()
 				await this.$store.dispatch('submitShopping', dto);
 				this.$message.hideLoading()
+				this.refreshShopNum()
 			},
 			async getDetail() {
 				this.$message.showLoading()
@@ -202,7 +209,20 @@
 
 <style lang="scss" scoped>
 	.trade-detail {
-		background-color: #FFFFFF;
+		background-color: #FFFFFF;
+		.image-shop-number {
+			width: 30rpx;
+			height: 30rpx;
+			background: #F20000;
+			line-height: 30rpx;
+			text-align: center;
+			position: absolute;
+			right: 0rpx;
+			top: -6rpx;
+			color: #FFFFFF;
+			border-radius: 50%;
+			font-size: 24rpx;
+		}
 
 		.trade-info-container {
 			padding: 46rpx 30rpx;
@@ -388,8 +408,10 @@
 					height: 54rpx;
 					margin: 0 auto;
 					margin-top: 12rpx;
-					display: inline-block;
-
+					display: inline-block;
+					margin-left: 12rpx;
+					position: relative;
+					
 				}
 
 				.num {

--
Gitblit v1.9.3