feat : 商品详情部分添加价格说明
This commit is contained in:
parent
0770dd40fb
commit
ad75a5142d
@ -1,13 +1,5 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<!-- 商品图片区域 -->
|
||||
<scroll-view class="goods-scroll" scroll-x>
|
||||
<view class="goods-list">
|
||||
<view class="goods-item" v-for="(item, index) in goods" :key="index">
|
||||
<image :src="item.image" class="goods-img"></image>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
||||
<!-- 评分区域 -->
|
||||
<view class="rating-section">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
page {
|
||||
background-color: #fff;
|
||||
padding-bottom: 0;
|
||||
padding-bottom: 20rpx;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
@ -28,9 +28,6 @@ image {
|
||||
padding-left: 20rpx;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.swiper {
|
||||
height: 750rpx;
|
||||
width: 750rpx;
|
||||
@ -368,4 +365,26 @@ image {
|
||||
.active{
|
||||
background: #FF370B;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.priceInfo{
|
||||
height: 450rpx;
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
.priceInfo-title{
|
||||
font-size: 30rpx;
|
||||
font-weight: bolder;
|
||||
margin: 15rpx 0 20rpx 0;
|
||||
}
|
||||
|
||||
.priceInfo-content{
|
||||
font-size: 28rpx;
|
||||
color: #9c9c9c;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.priceInfo-content-title{
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
}
|
||||
@ -91,6 +91,20 @@
|
||||
></image>
|
||||
</div>
|
||||
|
||||
<div class="priceInfo">
|
||||
<div class="priceInfo-title">价格说明</div>
|
||||
<div class="priceInfo-content">
|
||||
<view>
|
||||
<text class="priceInfo-content-title">划线价格:</text>
|
||||
指商品的厂商指导价、正品零售价、市面常见价或该商品曾经展示过的销售价等,并非原价。仅供参考。
|
||||
</view>
|
||||
<view>
|
||||
<text class="priceInfo-content-title">未划线价格:</text>
|
||||
指商品的实时价格,不因表述的差异改变性质,具体成交价格根据商品参加活动,或使用优惠券等发生变化最终以订单结算价格为准。
|
||||
</view>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 底部购物车 -->
|
||||
<div class="Car">
|
||||
<div class="car_left">
|
||||
@ -358,6 +372,7 @@ export default {
|
||||
|
||||
// 切换规格
|
||||
changeGG(item, index) {
|
||||
console.log("🚀 ~ changeGG ~ item-----------------:", item);
|
||||
this.currentGG = item;
|
||||
this.currentGGIndex = index;
|
||||
if (this.currentGG.cart_count) {
|
||||
@ -430,7 +445,8 @@ export default {
|
||||
user_id: uni.getStorageSync("userId"),
|
||||
goods_id_and_count: [
|
||||
{
|
||||
goods_id: this.info.commodity_goods_info_list[this.currentGGIndex].id,
|
||||
goods_id:
|
||||
this.info.commodity_goods_info_list[this.currentGGIndex].id,
|
||||
count: newValue.value,
|
||||
},
|
||||
],
|
||||
@ -447,6 +463,7 @@ export default {
|
||||
},
|
||||
onLoad(options) {
|
||||
const itemObj = JSON.parse(decodeURIComponent(options.item));
|
||||
console.log("🚀 ~ onLoad ~ itemObj:", itemObj);
|
||||
const meun = menuButtonInfo();
|
||||
this.top = meun.top;
|
||||
this.localHeight = meun.height;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user