From d89c495a7da517d653e9ea42b8e6405eef823ef6 Mon Sep 17 00:00:00 2001 From: xuxueyang <xuxy@fengyuntec.com> Date: 星期一, 29 七月 2024 16:23:24 +0800 Subject: [PATCH] update 还有售后需要测试一下 --- sub_pages/customer/trade/detail.vue | 54 +++++++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 43 insertions(+), 11 deletions(-) diff --git a/sub_pages/customer/trade/detail.vue b/sub_pages/customer/trade/detail.vue index b25c7c0..12e11ce 100644 --- a/sub_pages/customer/trade/detail.vue +++ b/sub_pages/customer/trade/detail.vue @@ -3,7 +3,12 @@ <view class="top-img-container"> <image :src="dto.cover" class="top-img" mode="aspectFill"></image> <view class="icon-container"> - <image src="../../../static/common/icon-sc.png" class="icon-sc"></image> + <image v-if="!dto.collection" src="../../../static/common/icon-sc.png" @click="collectItem(dto)" + class="icon-sc"></image> + <image v-if="dto.collection" src="../../../static/common/icon-sc.png" @click="collectItem(dto)" + class="icon-sc"></image> + + <!-- <view class="num">12</view>--> </view> <view class="icon-container"> @@ -14,7 +19,7 @@ </view> <view class="trade-info-container"> <view class="title flex"> - <view class="level m-r-15">{{ dto.levelStr || '-' }}级</view> + <view class="level m-r-15">{{ dto.levelStr || '-' }}</view> <view class=""> {{ dto.name || '-' }} </view> @@ -63,10 +68,10 @@ <view class="info-brand m-t-12" @click.stop="openbrand"> <view class="title-before-blue" style="padding-top: 0rpx;padding-bottom: 0rpx;">店铺</view> <view class="flex m-t-12"> - <image class="store-logo"></image> + <image class="store-logo" :src="dto.supplierCover"></image> <view> - <view class="store-name">{{dto.supplierName||'-'}}</view> - <view class="store-address">{{dto.supplierStation||'-'}}</view> + <view class="store-name t1">{{dto.supplierName||'-'}}</view> + <view class="store-address t1">{{dto.supplierStation||'-'}}</view> </view> <view class="store-to m-l-a m-r-0">进入店铺</view> </view> @@ -133,6 +138,29 @@ } }, methods: { + async collectItem(dto) { + await this.$message.confirm(`是否${dto.collection?'移除':'添加到'}收藏`) + this.$message.showLoading() + const { + code, + data + } = await this.$http.request(dto.collection ? "get" : 'post', dto.collection ? '/api/collect/delete' : + '/api/collect/add', { + data: { + flowerId: dto.id + }, + params: { + id: dto.id + } + }) + if (code === 0) { + this.$message.showToast('操作成功') + dto.collection = !dto.collection + this.$forceUpdate() + } + + this.$message.hideLoading() + }, async submitShopping(dto) { //提交到购物车中 this.$message.showLoading() @@ -198,6 +226,7 @@ font-size: 28rpx; color: #CF0000; line-height: 40rpx; + margin-top: -10rpx; .num { font-size: 48rpx; @@ -335,9 +364,12 @@ position: absolute; top: 20rpx; width: 80rpx; + right: 140rpx; height: 80rpx; - background: rgba(0, 0, 0, 0); - + background: rgba(0, 0, 0, 0.42); + border-radius: 50%; + display:flex; + .icon-sc { width: 54rpx; height: 54rpx; @@ -367,12 +399,12 @@ } .icon-container:last-child { - left: 140rpx; + right: 20rpx; } - .icon-container:first-child { - left: 40rpx; - } + // .icon-container:first-child { + // left: 40rpx; + // } } } -- Gitblit v1.9.3