1

2026-03-06 13:41:22 +08:00
commit f39c6a705f
394 changed files with 159599 additions and 0 deletions
--- a/src/pages/client/shop/components/GoodItem.vue
+++ b/src/pages/client/shop/components/GoodItem.vue
@ -0,0 +1,158 @@
+<template>
+	<view class="goods-item" @click.stop="jumpToDetails">
+		<image class="goods-img" :src="data.product_pic" mode="aspectFill" />
+		<view class=" fs-24 app-fc-main goods-name">
+			{{ data.product_name || "" }}
+		</view>
+		<view class="flex-row-start label">
+			<image class="hot-icon" :src="`${imgPrefix}mall-hot.png`"></image>
+			<view class="fs-20 app-fc-main label-name">{{data.sales}}人买过</view>
+		</view>
+		<view class="flex-row-start" style="margin-top: 12rpx;">
+			<text class="fs-28" style="color: #3D3D3D;">
+				¥
+				<text class="fs-28">{{
+					data.prices[0].actual_price || 0
+				}}</text>
+			</text>
+<!-- 			<text class="fs-24 origin-price">
+				¥{{ minPrice.price_shichang || 0 }}
+			</text> -->
+		</view>
+		<!-- <text class="fs-20 good-salenum">已售{{ data.xiaoliang || 0 }}</text> -->
+<!-- 		<image class="add-cart-icon" src="@/static/images/cart-icon.png" @click.stop="$emit('addToCar', data)" /> -->
+	</view>
+</template>
+
+<script>
+	import {
+		imgPrefix
+	} from '@/utils/common';
+
+	export default {
+		props: {
+			index: {
+				type: Number,
+				default: 0,
+			},
+			data: {
+				type: Object,
+				default: () => {},
+			},
+		},
+		data() {
+			return {
+				imgPrefix,
+			};
+		},
+		computed: {
+			// minPrice() {
+			// 	let minPrice = {};
+			// 	let minPriceValue = 0;
+			// 	this.data.price_list.map((v) => {
+			// 		if (!minPriceValue || minPriceValue > +v.price) {
+			// 			minPriceValue = +v.price;
+			// 			minPrice = {
+			// 				...v
+			// 			};
+			// 		}
+			// 	});
+			// 	return minPrice;
+			// },
+			labelList() {
+				return (this.data?.label || "").split(",").filter((v) => !!v);
+			},
+		},
+		mounted() {},
+		methods: {
+			jumpToDetails() {
+				uni.navigateTo({
+					url: `/pages/client/shop/details?product_id=${this.data.product_id}`,
+				});
+			},
+		},
+	};
+</script>
+
+<style lang="scss" scoped>
+	.goods-item {
+		background: #fff;
+		border-radius: 16rpx;
+		padding: 20rpx;
+		box-sizing: border-box;
+		margin-bottom: 22rpx;
+		position: relative;
+		width: 100%;
+		min-width: 0;
+		overflow: hidden;
+
+		.goods-img {
+			display: block;
+			width: 100%;
+			max-width: 100%;
+			height: 320rpx;
+			border-radius: 16rpx;
+			background: #f5f5f5;
+		}
+
+		.goods-name {
+			margin: 20rpx 0;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			display: -webkit-box;
+			-webkit-line-clamp: 1;
+			-webkit-box-orient: vertical;
+			word-wrap: break-word;
+			word-break: break-all;
+		}
+
+		.label {
+			background-color: #ffecf3;
+			display: inline-flex;
+			border-radius: 4rpx;
+
+			.hot-icon {
+				width: 28rpx;
+				height: 28rpx;
+			}
+
+			.label-name {
+				padding: 4rpx;
+				color: #FF19A0;
+			}
+		}
+
+		.sale-btn {
+			padding: 4rpx;
+			background: $app_color_main;
+			border-radius: 4rpx;
+			border: 1rpx solid $app_color_main;
+			margin-right: 10rpx;
+			margin-bottom: 24rpx;
+		}
+
+		.sale-today {
+			background: transparent;
+		}
+
+		.origin-price {
+			color: #726e71;
+			text-decoration: line-through;
+			margin-left: 16rpx;
+		}
+
+		.good-salenum {
+			color: #9b939a;
+		}
+
+		.add-cart-icon {
+			width: 44rpx;
+			height: 44rpx;
+			position: absolute;
+			bottom: 26rpx;
+			right: 20rpx;
+		}
+
+
+	}
+</style>