lmm45037/wagoo-douy3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

最新版代码提交

Browse Source
This commit is contained in:
初心
2026-04-13 16:12:25 +08:00
parent 26e57e4891
commit e894689918
5 changed files with 159 additions and 167 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/pages/client/order/components/GoodInfo.vue
View File

@ -1,19 +1,15 @@
<template>
<view class="flex-row-start info-cell good-info" :class="{'good-info-multi' : data.length > 1}">
<template v-if="data.length === 1">
<view class="good-wrapper">
<image class="good-icon" :src="data[0].product_pic" mode="aspectFill" @click="$emit('clickGoodImg', data[0])" />
<view class="price-section">
<view class="price-left">
<text class="hand-price-tag">到手价</text>
<text class="current-price">¥{{ data[0].goods_price || data[0].product_actual_price }}</text>
<text class="origin-price" v-if="data[0].product_original_price">原价¥{{ data[0].product_original_price }}</text>
<image class="good-icon" :src="data[0].product_pic" mode="aspectFill" @click="$emit('clickGoodImg', data[0])" />
<view class="good-content" @click="$emit('clickGoodInfo', data[0])">
<view class="goods-row-first">
<view class="goods-name">{{ data[0].goods_name || "" }}</view>
<view class="fs-28 app-fc-main goods-price">
¥{{ data[0].goods_price || data[0].product_actual_price }}
</view>
<text class="goods-count">已售{{ data[0].number || 1 }}件</text>
</view>
<view class="goods-name" @click="$emit('clickGoodInfo', data[0])">
{{ data[0].goods_name || "" }}
</view>
<view class="fs-24 app-fc-normal">共{{ data[0].number || 1 }}件</view>
</view>
</template>
@ -84,64 +80,43 @@
padding-top: 20rpx;
align-items: flex-start;
.good-wrapper {
width: 100%;
display: flex;
flex-direction: column;
}
.good-icon {
width: 100%;
height: 400rpx;
width: 160rpx;
height: 160rpx;
border-radius: 16rpx;
background: #f5f5f5;
margin-right: 20rpx;
flex-shrink: 0;
}
.price-section {
.good-content {
flex: 1;
height: 160rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: baseline;
margin-top: 20rpx;
.price-left {
.goods-row-first {
display: flex;
align-items: baseline;
justify-content: space-between;
align-items: flex-start;
width: 100%;
.hand-price-tag {
font-size: 24rpx;
color: #fff;
background: linear-gradient(135deg, #FF19A0, #FF6B35);
padding: 4rpx 12rpx;
border-radius: 4rpx;
margin-right: 12rpx;
.goods-name {
font-size: 28rpx;
color: #3D3D3D;
line-height: 40rpx;
margin-right: 16rpx;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.current-price {
font-size: 40rpx;
color: #FF19A0;
font-weight: bold;
}
.origin-price {
font-size: 24rpx;
color: #999;
text-decoration: line-through;
margin-left: 12rpx;
.goods-price {
flex-shrink: 0;
}
}
.goods-count {
font-size: 24rpx;
color: #999;
}
}
.goods-name {
font-size: 32rpx;
color: #3D3D3D;
line-height: 44rpx;
font-weight: bold;
margin-top: 16rpx;
}
}
@ -174,4 +149,4 @@
}
}
}
</style>
</style>