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,95 @@
+<template>
+	<view class="shop-view" @click.stop="onClick">
+		<view class="shop-left-view">
+			<image :src="obj.url"></image>
+		</view>
+		<view class="shop-right-view">
+			<view class="right-top-view text-overflow1">
+				<text class="text-32 text-bold text-zu text-overflow1">{{obj.title}}</text>
+			</view>
+			<view class="right-bottom-view">
+				<text class="text-28 text-zi text-bold">￥{{obj.price}}积分</text>
+				<MyBtn mh="64rpx" text="立即兑换" br="8rpx" bg="linear-gradient( 270deg, #B164FB 0%, #7934F6 100%)" wd="200rpx"></MyBtn>
+			</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:100%;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+		padding: 12rpx;
+		box-sizing: border-box;
+		background-color: #fff;			
+		border-radius: 12rpx;
+		.shop-left-view{
+			min-width:216rpx;
+			min-height:216rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			image{
+				width:216rpx;
+				height:216rpx;
+			}
+		}
+		.shop-right-view{
+			width:100%;
+			display: flex;
+			min-height:216rpx;
+			margin-left:24rpx;
+			flex-direction: column;
+			justify-content: space-between;
+			.right-top-view{
+				width:100%;
+				display: flex;
+				
+			}
+			.right-bottom-view{
+				width:100%;
+				display: flex;
+				flex-direction: row;
+				justify-content: space-between;
+				align-items: flex-end;
+				.right-bottom-panel{
+					width:284rpx;
+					height:104rpx;
+					min-height:104rpx;
+					display: flex;
+					flex-direction: column;
+					justify-content: space-between;
+					align-items: center;
+					padding: 12rpx;
+					box-sizing: border-box;
+					background-color: #F0E7FE;
+					border-radius: 8rpx;
+				}
+			}
+		}
+	}
+	
+</style>