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