增加新模块

2025-03-20 08:46:07 +08:00
parent 15014e22aa
commit 2ae62b59ed
1729 changed files with 94700 additions and 4232 deletions
@@ -0,0 +1,118 @@
+<template>
+	<view class="choiceness_warp">
+		<view class="choiceness_title">
+			<up-image src="/static/common/jingxuan_left.png" width="50" height="12" bgColor="#f1f6ff00"></up-image>
+			<view class="choiceness_title_msg">为您精选</view>
+			<up-image src="/static/common/jingxuan_right.png" width="50" height="12" bgColor="#f1f6ff00"></up-image>
+		</view>
+		<view class="choiceness_product">
+			<view v-for="item in productList" :key="item.id" class="choiceness_product_item" @click="jumpInfo(item)">
+				<up-image :src="item.url" width="100%" height="140" bgColor="#f1f6ff00"></up-image>
+				<view class="product_item_name">{{item.name}}</view>
+				<view class="product_item_price">
+					<view class="price_">
+						<text>￥</text>
+						<text style="color:36rpx;">{{item.price}}</text>
+						<text>{{item.priceDouble}}</text>
+					</view>
+					<view class="price_sell">已售{{item.sell}}件</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"choiceness",
+		data() {
+			return {
+				productList:[
+					{
+						id:1,
+						url:"/static/common/product_def2.png",
+						name:"美的双开门冰箱大容量多层速冷冰箱",
+						price:"7088.",
+						priceDouble:"00",
+						sell:"1.4万",
+						type:0,
+					},{
+						id:2,
+						url:"/static/common/product_def2.png",
+						name:"西门子双开门家庭冰箱大开口设计",
+						price:"7088.",
+						priceDouble:"00",
+						sell:"1.4万",
+						type:1,//1 哈希优选
+					},{
+						id:2,
+						url:"/static/common/product_def2.png",
+						name:"西门子双开门家庭冰箱大开口设计",
+						price:"7088.",
+						priceDouble:"00",
+						sell:"1.4万",
+						type:1,//1 哈希优选
+					}
+				]
+			};
+		},
+		methods: {
+			// 
+			jumpInfo(item){
+				console.log("item",item);
+				uni.navigateTo({
+				    url: '/pages/productInfo/productInfo?id='+item.id,
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.choiceness_warp{
+		margin-top: 100rpx;
+	}
+	.choiceness_title{
+		display: flex;
+		justify-content: center;
+		.choiceness_title_msg{
+			margin: 0 18rpx;
+		}
+	}
+	.choiceness_product{
+		margin-top: 40rpx;
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
+		.choiceness_product_item{
+			background: #FFFFFF;
+			box-shadow: 0rpx 0rpx 10rpx 0rpx #EEEEEE;
+			border-radius: 24rpx;
+			width: 43%;
+			margin-bottom: 20rpx;
+			padding: 20rpx;
+		}
+		.product_item_name{
+			font-weight: bold;
+			font-size: 26rpx;
+			color: #333333;
+			margin-top: 20rpx;
+		}
+		.product_item_price{
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin-top: 10rpx;
+			.price_{
+				font-weight: bold;
+				font-size: 26rpx;
+				color: $app-bt-bj;
+			}
+			.price_sell{
+				font-weight: 400;
+				font-size: 18rpx;
+				color: #999999;
+			}
+		}
+	}
+</style>