From dcc7b2d14fcbac97fb6d2c8975a3cd93dfbcc458 Mon Sep 17 00:00:00 2001 From: xuxy <1059738716@qq.com> Date: 星期六, 27 七月 2024 20:36:11 +0800 Subject: [PATCH] update 功能调整 --- sub_pages/customer/trade/detail.vue | 35 +++++++++++++++++++++++++++-------- 1 files changed, 27 insertions(+), 8 deletions(-) diff --git a/sub_pages/customer/trade/detail.vue b/sub_pages/customer/trade/detail.vue index b25c7c0..af290b5 100644 --- a/sub_pages/customer/trade/detail.vue +++ b/sub_pages/customer/trade/detail.vue @@ -3,7 +3,7 @@ <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 src="../../../static/common/icon-sc.png" @click="collectItem(dto)" class="icon-sc"></image> <!-- <view class="num">12</view>--> </view> <view class="icon-container"> @@ -63,10 +63,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 +133,23 @@ } }, methods: { + async collectItem(dto){ + await this.$message.confirm('是否添加到收藏') + this.$message.showLoading() + const { + code, + data + } = await this.$http.request('post', '/api/collect/add', { + data: { + flowerId: dto.id + } + }) + if (code === 0) { + this.$message.showToast('收藏成功') + } + + this.$message.hideLoading() + }, async submitShopping(dto) { //提交到购物车中 this.$message.showLoading() @@ -198,6 +215,7 @@ font-size: 28rpx; color: #CF0000; line-height: 40rpx; + margin-top: -10rpx; .num { font-size: 48rpx; @@ -335,6 +353,7 @@ position: absolute; top: 20rpx; width: 80rpx; + left: 40rpx; height: 80rpx; background: rgba(0, 0, 0, 0); @@ -367,12 +386,12 @@ } .icon-container:last-child { - left: 140rpx; + left: 100rpx; } - .icon-container:first-child { - left: 40rpx; - } + // .icon-container:first-child { + // left: 40rpx; + // } } } -- Gitblit v1.9.3