2 changed files with 147 additions and 108 deletions
Split View
Diff Options
@ -1,176 +1,216 @@ |
|||
@import "../../wxParse/wxParse.wxss"; |
|||
|
|||
page{ |
|||
page { |
|||
font-family: PingFang-SC-Bold; |
|||
background: #F3F3F3; |
|||
background: #f3f3f3; |
|||
} |
|||
view{ |
|||
|
|||
view { |
|||
font-family: PingFang-SC-Bold; |
|||
border: 0; |
|||
font-size: 28rpx; |
|||
font: inherit; |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
.tuan-detail { |
|||
overflow: hidden; |
|||
position: relative; |
|||
margin-top: -50px; |
|||
overflow: hidden; |
|||
position: relative; |
|||
margin-top: -50px; |
|||
} |
|||
|
|||
.tuan-detail .banner { |
|||
width: 100%; |
|||
position: relative; |
|||
width: 100%; |
|||
position: relative; |
|||
} |
|||
|
|||
.line { |
|||
overflow: hidden; |
|||
margin: 0; |
|||
padding: 0; |
|||
overflow: hidden; |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
.focus { |
|||
width: 100%; |
|||
margin: 0 auto; |
|||
position: relative; |
|||
overflow: hidden; |
|||
width: 100%; |
|||
margin: 0 auto; |
|||
position: relative; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.focus .bd { |
|||
position: relative; |
|||
z-index: 0; |
|||
} |
|||
.tempWrap{ |
|||
overflow: hidden; |
|||
position: relative; |
|||
} |
|||
.bd_banner{ |
|||
width: 100%; |
|||
position: relative; |
|||
overflow: hidden; |
|||
padding: 0px; |
|||
margin: 0px; |
|||
transition-duration: 200ms; |
|||
transform: translate(0px, 0px) translateZ(0px); |
|||
} |
|||
.bd_banner image{ |
|||
position: relative; |
|||
z-index: 0; |
|||
} |
|||
|
|||
.tempWrap { |
|||
overflow: hidden; |
|||
position: relative; |
|||
} |
|||
|
|||
.bd_banner { |
|||
width: 100%; |
|||
position: relative; |
|||
overflow: hidden; |
|||
padding: 0px; |
|||
margin: 0px; |
|||
transition-duration: 200ms; |
|||
transform: translate(0px, 0px) translateZ(0px); |
|||
} |
|||
|
|||
.bd_banner image { |
|||
width: 100%; |
|||
} |
|||
|
|||
/* 订单详情 */ |
|||
|
|||
.item-detail { |
|||
background: #FFF; |
|||
background: #fff; |
|||
} |
|||
|
|||
.item-detail .detail-row { |
|||
overflow: hidden; |
|||
padding: 10px; |
|||
width: 100%; |
|||
border-bottom: thin solid #eee; |
|||
overflow: hidden; |
|||
padding: 10px; |
|||
width: 100%; |
|||
border-bottom: thin solid #eee; |
|||
} |
|||
.pro-title{ |
|||
|
|||
.pro-title { |
|||
font-size: 48rpx; |
|||
} |
|||
|
|||
.item-detail .item-price .price { |
|||
color: #F60; |
|||
font-size: 40rpx; |
|||
margin: 0; |
|||
font-family: tahoma,arial,"Hiragino Sans GB",sans-serif; |
|||
color: #f60; |
|||
font-size: 40rpx; |
|||
margin: 0; |
|||
font-family: tahoma, arial, "Hiragino Sans GB", sans-serif; |
|||
} |
|||
|
|||
.item-detail .detail-row .price-tip { |
|||
margin-top: 20rpx; |
|||
margin-top: 20rpx; |
|||
} |
|||
|
|||
.item-detail .detail-row .price-tip span.text-gray { |
|||
margin-right: 10rpx; |
|||
margin-right: 10rpx; |
|||
} |
|||
|
|||
.attr-list, .text-gray { |
|||
float: left; |
|||
float: left; |
|||
} |
|||
.text-gray{ |
|||
|
|||
.text-gray { |
|||
color: #999; |
|||
} |
|||
|
|||
.text-small { |
|||
font-size: 24rpx; |
|||
font-size: 24rpx; |
|||
} |
|||
|
|||
.margin-left { |
|||
margin-left: 20rpx; |
|||
margin-left: 20rpx; |
|||
} |
|||
|
|||
/* 下单须知 、服务介绍*/ |
|||
|
|||
.item-intro { |
|||
background: #FFF; |
|||
border-top: thin solid #eee; |
|||
background: #fff; |
|||
border-top: thin solid #eee; |
|||
} |
|||
.intro-title{ |
|||
height: 80rpx; |
|||
line-height: 80rpx; |
|||
font-size: 28rpx; |
|||
padding: 0 20rpx; |
|||
border-bottom: thin solid #eee; |
|||
|
|||
.intro-title { |
|||
height: 80rpx; |
|||
line-height: 80rpx; |
|||
font-size: 28rpx; |
|||
padding-left: 20rpx; |
|||
border-bottom: thin solid #eee; |
|||
} |
|||
|
|||
.item-intro .intro-bd { |
|||
line-height: 50rpx; |
|||
font-size: 28rpx; |
|||
padding: 20rpx; |
|||
padding-bottom: 0px; |
|||
margin-left: 3%; |
|||
color: #F60; |
|||
} |
|||
.box{ |
|||
line-height: 50rpx; |
|||
font-size: 28rpx; |
|||
padding: 20rpx; |
|||
padding-bottom: 0px; |
|||
margin-left: 3%; |
|||
color: #f60; |
|||
} |
|||
|
|||
.box { |
|||
margin-top: 20rpx; |
|||
background: #fff; |
|||
height: 100rpx; |
|||
line-height: 100rpx; |
|||
display:flex; |
|||
flex-direction:row; |
|||
justify-content:space-between; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
} |
|||
.lookDetail{ |
|||
color:#26AE76; |
|||
font-size:16px; |
|||
text-align:center; |
|||
margin:0 auto; |
|||
|
|||
.lookDetail { |
|||
color: #26ae76; |
|||
font-size: 16px; |
|||
text-align: center; |
|||
margin: 0 auto; |
|||
} |
|||
|
|||
/* 立即下单 */ |
|||
|
|||
.item-action { |
|||
width: 100%; |
|||
display: -webkit-box; |
|||
display: -webkit-flex; |
|||
display: -ms-flexbox; |
|||
display: flex; |
|||
position: fixed; |
|||
height: 48px; |
|||
bottom: 0; |
|||
left: 0; |
|||
text-align: center; |
|||
line-height: 48px; |
|||
z-index: 999; |
|||
background-color: #fff; |
|||
width: 100%; |
|||
display: -webkit-box; |
|||
display: -webkit-flex; |
|||
display: -ms-flexbox; |
|||
display: flex; |
|||
position: fixed; |
|||
height: 48px; |
|||
bottom: 0; |
|||
left: 0; |
|||
text-align: center; |
|||
line-height: 48px; |
|||
z-index: 999; |
|||
background-color: #fff; |
|||
} |
|||
|
|||
.item-action .buy-now, .item-action .gray { |
|||
-webkit-box-flex: 3; |
|||
width: 33.333%; |
|||
-webkit-flex: 3; |
|||
-ms-flex: 3; |
|||
flex: 3; |
|||
cursor: pointer; |
|||
-webkit-box-flex: 3; |
|||
width: 33.333%; |
|||
-webkit-flex: 3; |
|||
-ms-flex: 3; |
|||
flex: 3; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.item-action .buy-now { |
|||
background-color: #ff5000; |
|||
display: inline-block; |
|||
background-color: #ff5000; |
|||
display: inline-block; |
|||
} |
|||
|
|||
.item-action .gray { |
|||
background-color:#eee; |
|||
display: inline-block; |
|||
background-color: #eee; |
|||
display: inline-block; |
|||
} |
|||
.item-action .buy-now .create-order,.item-action .gray .create-order{ |
|||
color: #fff; |
|||
display: inline-block; |
|||
padding: 2rpx 200rpx; |
|||
font-size: 28rpx; |
|||
|
|||
.item-action .buy-now .create-order, .item-action .gray .create-order { |
|||
color: #fff; |
|||
display: inline-block; |
|||
padding: 2rpx 200rpx; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
/* 按钮遮罩层 */ |
|||
.buy-bg{ |
|||
flex:3;position: absolute;width:100%;bottom: 0px;right: 0px;height: 50px; |
|||
|
|||
.buy-bg { |
|||
flex: 3; |
|||
position: absolute; |
|||
width: 100%; |
|||
bottom: 0px; |
|||
right: 0px; |
|||
height: 50px; |
|||
} |
|||
|
|||
.blank-10 { |
|||
height: 20rpx; |
|||
width: 100%; |
|||
height: 20rpx; |
|||
width: 100%; |
|||
} |
|||
|
|||
.blank-50 { |
|||
height: 100rpx; |
|||
width: 100%; |
|||
} |
|||
height: 100rpx; |
|||
width: 100%; |
|||
} |
|||
Write
Preview
Loading…
Cancel
Save