| | |
| | | <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">
|
| | |
| | | <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>
|
| | |
| | | }
|
| | | },
|
| | | 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()
|
| | |
| | | font-size: 28rpx;
|
| | | color: #CF0000;
|
| | | line-height: 40rpx;
|
| | | margin-top: -10rpx;
|
| | |
|
| | | .num {
|
| | | font-size: 48rpx;
|
| | |
| | | position: absolute;
|
| | | top: 20rpx;
|
| | | width: 80rpx;
|
| | | left: 40rpx;
|
| | | height: 80rpx;
|
| | | background: rgba(0, 0, 0, 0);
|
| | |
|
| | |
| | | }
|
| | |
|
| | | .icon-container:last-child {
|
| | | left: 140rpx;
|
| | | left: 100rpx;
|
| | | }
|
| | |
|
| | | .icon-container:first-child {
|
| | | left: 40rpx;
|
| | | }
|
| | | // .icon-container:first-child {
|
| | | // left: 40rpx;
|
| | | // }
|
| | |
|
| | | }
|
| | | }
|