上传

components/product/productItem.vue

@@ -15,9 +15,8 @@
 			</view>
 
 			<!-- 价格 -->
-			<view class="price">
+			<!-- <view class="price">
 				<view class="money">
-					<!-- ￥<text>{{ item.vipPrice }}</text> -->
 					￥<text>{{ getPriceByRole(item) }}</text>
 					<text class="unit">/元每件</text>
 				</view>
@@ -29,6 +28,59 @@
 					<image v-if="userInfo.role == 3" :src="configList.vip_money_three" mode="aspectFill"
 						class="price-img"></image>
 				</view>
+			</view> -->
+			
+			<view class="price">
+				<view class="money">
+					￥<text>{{ item.price }}</text>
+					<text class="unit">/元每件</text>
+				</view>
+				<view class="oldPrice">
+					￥<text>{{ item.oldPrice }}</text>
+					<text class="unit">/元</text>
+				</view>
+			</view>
+			
+			<!-- <view class="oldPrice">
+				<view class="money">
+					￥<text>{{ item.oldPrice }}</text>
+					<text class="unit">/元每件</text>
+				</view>
+				<view class="price-imgs">
+				</view>
+			</view> -->
+			
+			<view class="price">
+				<view class="money">
+					￥<text>{{ item.goldPrice }}</text>
+					<text class="unit">/元每件</text>
+				</view>
+				<view class="price-imgs">
+					<image :src="configList.vip_money_one" mode="aspectFill"
+						class="price-img"></image>
+				</view>
+			</view>
+			
+			<view class="price">
+				<view class="money">
+					￥<text>{{ item.silverPrice }}</text>
+					<text class="unit">/元每件</text>
+				</view>
+				<view class="price-imgs">
+					<image :src="configList.vip_money_two" mode="aspectFill" class="price-img">
+					</image>
+				</view>
+			</view>
+			
+			<view class="price">
+				<view class="money">
+					￥<text>{{ item.diamondPrice }}</text>
+					<text class="unit">/元每件</text>
+				</view>
+				<view class="price-imgs">
+					<image :src="configList.vip_money_three" mode="aspectFill" class="price-img">
+					</image>
+				</view>
 			</view>
 
 			<!-- 销量 -->
@@ -67,7 +119,6 @@
 		},
 		data() {
 			return {
-
 			}
 		},
 		methods: {
@@ -127,7 +178,9 @@
 			width: calc(100% - 180rpx);
 			box-sizing: border-box;
 			overflow: hidden;
-
+			display: flex;
+			flex-direction: column;
+			gap: 10rpx;
 			// 商品标题
 			.title {
 				font-size: 28rpx;
@@ -143,7 +196,7 @@
 				align-items: center;
 				color: #f40;
 				font-size: 26rpx;
-
+				align-items: flex-end;
 				.money {
 					font-size: 30rpx;
 
@@ -163,6 +216,11 @@
 					}
 				}
 			}
+			.oldPrice{
+				color: #999;
+				font-size: 18rpx;
+				text-decoration: line-through;
+			}
 
 			// 销量
 			.sales-volume {
@@ -192,6 +250,7 @@
 				display: inline-block;
 				padding: 10rpx 20rpx;
 				border-radius: 10rpx;
+				width: fit-content;
 			}
 		}
 	}

manifest.json

@@ -58,14 +58,11 @@
         },
         "usingComponents" : true,
         "permission" : {
-            "scope.userLocation" : {
-                "desc" : "你的位置信息将用于小程序位置接口的效果展示"
-            },
             "scope.userFuzzyLocation" : {
                 "desc" : "你的位置信息将用于小程序位置接口的效果展示"
             }
         },
-        "requiredPrivateInfos" : [ "chooseLocation", "getLocation" ]
+        "requiredPrivateInfos" : [ "chooseLocation" ]
     },
     "mp-alipay" : {
         "usingComponents" : true

pages/index/category.vue

@@ -15,9 +15,11 @@
 
 		<!-- 分类商品列表 -->
 		<view class="category">
-			<uv-vtabs :list="category" 
+			<uv-vtabs 
+			:list="category" 
 			:current="current"
-			keyName="title" @change="change">
+			keyName="title" 
+			@change="change">
 				<view class="list">
 					<uv-vtabs-item>
 						<productItem v-for="(item, index) in list" :key="index" :item="item"

pages_order/product/productDetail.vue

@@ -13,6 +13,50 @@
 			<view class="title">
 				{{ productDetail.title }}
 			</view>
+		
+			<view class="price">
+				<view class="money">
+					￥<text>{{ productDetail.price }}</text>
+					<text class="unit">/元每件</text>
+				</view>
+				<view class="oldPrice">
+					￥<text>{{ productDetail.oldPrice }}</text>
+					<text class="unit">/元</text>
+				</view>
+			</view>
+			
+			<view class="price">
+				<view class="money">
+					￥<text>{{ productDetail.goldPrice }}</text>
+					<text class="unit">/元每件</text>
+				</view>
+				<view class="price-imgs">
+					<image :src="configList.vip_money_one" mode="aspectFill"
+						class="price-img"></image>
+				</view>
+			</view>
+			
+			<view class="price">
+				<view class="money">
+					￥<text>{{ productDetail.silverPrice }}</text>
+					<text class="unit">/元每件</text>
+				</view>
+				<view class="price-imgs">
+					<image :src="configList.vip_money_two" mode="aspectFill" class="price-img">
+					</image>
+				</view>
+			</view>
+			
+			<view class="price">
+				<view class="money">
+					￥<text>{{ productDetail.diamondPrice }}</text>
+					<text class="unit">/元每件</text>
+				</view>
+				<view class="price-imgs">
+					<image :src="configList.vip_money_three" mode="aspectFill" class="price-img">
+					</image>
+				</view>
+			</view>
 		</view>
 
 		<!-- 服务 -->
@@ -125,7 +169,9 @@
 		.info {
 			padding: 20rpx;
 			background-color: #fff;
-
+			display: flex;
+			flex-direction: column;
+			gap: 14rpx;
 			.title {
 				font-size: 36rpx;
 				font-weight: 900;
@@ -161,6 +207,38 @@
 				text-align: right;
 			}
 		}
+		
+		// 价格
+		.price {
+			display: flex;
+			align-items: center;
+			color: #f40;
+			font-size: 30rpx;
+			align-items: flex-end;
+			.money {
+				font-size: 30rpx;
+		
+				.unit {
+					font-size: 24rpx;
+				}
+			}
+		
+			.price-imgs {
+				display: flex;
+				flex-wrap: wrap;
+		
+				.price-img {
+					width: 80rpx;
+					height: 30rpx;
+					margin-left: 10rpx;
+				}
+			}
+		}
+		.oldPrice{
+			color: #999;
+			font-size: 24rpx;
+			text-decoration: line-through;
+		}
 
 		// 商品详情
 		.item-line {