diff --git a/pages/info/postProductInfo/index.js b/pages/info/postProductInfo/index.js
index b7d518b..f320a6e 100644
--- a/pages/info/postProductInfo/index.js
+++ b/pages/info/postProductInfo/index.js
@@ -11,7 +11,7 @@ Page({
* 页面的初始数据
*/
data: {
- autoPlay: false,
+ autoPlay: true,
fixed: false,
type: 1,
top: 0,
diff --git a/pages/info/postProductInfo/index.wxml b/pages/info/postProductInfo/index.wxml
index 5f260fa..7f02116 100644
--- a/pages/info/postProductInfo/index.wxml
+++ b/pages/info/postProductInfo/index.wxml
@@ -2,21 +2,11 @@
-
- 1/2
- 视频
- 图片
- 款式
-
-
-
-
+
-
+
@@ -34,20 +24,14 @@
-
-
- {{info.price/100}}优惠前¥{{info.market_price/100}}
- 已售{{info.sales_number>1000?"1000+":(info.sales_number||0)}}
-
-
-
-
- 款式选择
-
-
-
- {{info.title}}
-
-
-
- {{item}}
-
+
{{info.scene_name}}
@@ -85,7 +64,15 @@
-
+
+ {{info.title}}
+ {{info.subtitle}}
+
+ {{item}}
+
+ ¥{{info.price/100}}起
+
+
diff --git a/pages/info/postProductInfo/index.wxss b/pages/info/postProductInfo/index.wxss
index c57475c..ff73fe6 100644
--- a/pages/info/postProductInfo/index.wxss
+++ b/pages/info/postProductInfo/index.wxss
@@ -5,66 +5,92 @@ page {
.swiper {
width: 100%;
- height: 750rpx;
+ height: 420rpx;
}
-.swiper image,.swiper video {
- height: 750rpx;
+
+.swiper image,
+.swiper video {
+ height: 420rpx;
display: block;
width: 100%;
}
-.swiper-bottom{
- position: absolute;
- /* top: 750rpx; */
- margin-top: 694rpx;
- right: 0;
- width: fit-content;
- height: 56rpx;
- line-height: 56rpx;
- background: rgba(1, 0, 0, 0.6);
- border-radius: 13rpx 0 0 13rpx;
- display: flex;
- font-weight: 500;
- font-size: 24rpx;
- color: rgba(255,255,255,0.5);
- z-index: 10;
- padding: 0 5rpx;
- overflow: hidden;
-}
-.swiper-bottom-item{
- padding: 0 14rpx;
-}
-.swiper-bottom-item.active{
- color: #fff;
-}
.top-info {
+ border-radius: 20rpx 20rpx 0 0;
background: white;
position: relative;
z-index: 1;
+ margin-top: -20rpx;
+ padding: 20rpx 40rpx;
}
.top-info .title {
- font-weight: bold;
- font-size: 33rpx;
- color: #000000;
+ font-size: 32rpx;
+ font-weight: 500;
+ color: #000;
+}
+
+.top-info .subtitle {
+ color: #666;
+ font-size: 27rpx;
+ margin-top: 20rpx;
}
.tags-box {
+ margin-top: 10rpx;
display: flex;
align-items: center;
- font-weight: 500;
- font-size: 25rpx;
color: #0B898E;
+ font-size: 27rpx;
+ height: 50rpx;
}
.tags-box .tag {
- margin-top: 27rpx;
- height: 40rpx;
- line-height: 40rpx;
- margin-right: 15rpx;
- padding: 0 14rpx;
- background: rgba(11, 137, 142, 0.1);
- border-radius: 4rpx;
+ position: relative;
+ line-height: 20rpx;
+ font-size: 20rpx;
+ font-weight: 500;
+ line-height: 50rpx;
+ margin-right: 10rpx;
+}
+
+.tags-box .tag .line {
+ content: "1";
+ display: block;
+ font-size: 0;
+ position: absolute;
+ left: 0;
+ right: 0;
+ background: #DAF3E9;
+ height: 8rpx;
+ top: 30rpx;
+ z-index: -1;
+}
+
+.tags-price {
+ flex: 1;
+ text-align: right;
+ color: #D62828;
+}
+
+.tags-price text:nth-child(1) {
+ font-size: 27rpx;
+}
+
+.tags-price text:nth-child(2) {
+ font-size: 40rpx;
+ font-weight: bold;
+}
+
+.tags-price text:nth-child(3) {
+ font-size: 20rpx;
+ color: #999999;
+ margin-left: 4rpx;
+}
+
+.tags-box .iconfont {
+ margin-left: 4rpx;
+ font-size: 24rpx;
}
.address-box {
@@ -957,9 +983,8 @@ height: 133rpx;
.wineScene-price-container {
width: 750rpx;
height: 100rpx;
- /* background: linear-gradient(-90deg,#FF413B, #FFAB2E); */
- background: #FD3856;
- /* border-radius: 20rpx 20rpx 0rpx 0rpx; */
+ background: linear-gradient(-90deg,#FF413B, #FFAB2E);
+ border-radius: 20rpx 20rpx 0rpx 0rpx;
display: flex;
align-items: center;
justify-content: space-between;
@@ -971,13 +996,13 @@ height: 133rpx;
.wineScene-price-container .wineSecne-price {
font-weight: bold;
- font-size: 48rpx;
+ font-size: 36rpx;
color: #FFFFFF;
}
.wineScene-price-container .wineSecne-money {
font-size: 24rpx;
font-weight: 500;
- /* text-decoration-line: line-through; */
+ text-decoration-line: line-through;
padding-left: 14rpx;
}
.wineScene-price-container .wineSecne-price::before {
@@ -1049,13 +1074,3 @@ height: 133rpx;
width: 29rpx;
height: 29rpx;
}
-
-.select-img{
- display: flex;
-}
-.select-img image{
- width: 80rpx;
- height: 80rpx;
- border-radius: 13rpx;
- margin-right:20rpx;
-}
\ No newline at end of file