no message

2025-09-03 21:06:28 +08:00
parent c2ba5048b0
commit 40e5e0ff8d
12 changed files with 1108 additions and 333 deletions
@@ -0,0 +1,63 @@
+<template>
+	<view class="shop-view" @click.stop="onClick">
+		<image :src="obj.url" class="top-img"></image>
+		<view class="shop-bottom-panel">
+			<text class="text-30 text-zu  text-overflow1">{{obj.title}}</text>
+			<view class="flex-r-lr" style="width:100%;margin-top:10rpx">
+				<text class="text-28 text-zi text-bold">￥{{obj.price}}</text>
+				<text class="text-24 " style="color:#999">已售{{obj.sales}}件</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import MyBtn from '@/components/common/my-btn.vue'
+	export default {
+		components:{MyBtn},
+		props:{
+			obj:{
+				type:Object,
+				default:()=>{}
+			},
+		},
+		mounted(){
+		},
+		methods: {
+			onClick(){
+				this.$emit('ok',this.obj.id);
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.shop-view{
+		width:332rpx;
+		height:416rpx;
+		min-height:416rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: space-between;
+		box-sizing: border-box;
+		background-color: #fff;		
+		.top-img{
+			width:332rpx;
+			height:268rpx;
+			display: flex;
+		}
+		.shop-bottom-panel{
+			width:100%;
+			height:calc(100% - 268rpx);
+			padding: 0 12rpx;
+			box-sizing: border-box;
+			flex-direction: column;
+			justify-content: space-between;
+			display: flex;
+			
+		}
+		
+	}
+	
+</style>