2 changed files with 147 additions and 108 deletions
Unified View
Diff Options
@ -1,176 +1,216 @@ |
|||||
@import "../../wxParse/wxParse.wxss"; |
@import "../../wxParse/wxParse.wxss"; |
||||
|
|
||||
page{ |
|
||||
|
page { |
||||
font-family: PingFang-SC-Bold; |
font-family: PingFang-SC-Bold; |
||||
background: #F3F3F3; |
|
||||
|
background: #f3f3f3; |
||||
} |
} |
||||
view{ |
|
||||
|
|
||||
|
view { |
||||
font-family: PingFang-SC-Bold; |
font-family: PingFang-SC-Bold; |
||||
border: 0; |
border: 0; |
||||
font-size: 28rpx; |
font-size: 28rpx; |
||||
font: inherit; |
font: inherit; |
||||
vertical-align: baseline; |
vertical-align: baseline; |
||||
} |
} |
||||
|
|
||||
.tuan-detail { |
.tuan-detail { |
||||
overflow: hidden; |
|
||||
position: relative; |
|
||||
margin-top: -50px; |
|
||||
|
overflow: hidden; |
||||
|
position: relative; |
||||
|
margin-top: -50px; |
||||
} |
} |
||||
|
|
||||
.tuan-detail .banner { |
.tuan-detail .banner { |
||||
width: 100%; |
|
||||
position: relative; |
|
||||
|
width: 100%; |
||||
|
position: relative; |
||||
} |
} |
||||
|
|
||||
.line { |
.line { |
||||
overflow: hidden; |
|
||||
margin: 0; |
|
||||
padding: 0; |
|
||||
|
overflow: hidden; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
} |
} |
||||
|
|
||||
.focus { |
.focus { |
||||
width: 100%; |
|
||||
margin: 0 auto; |
|
||||
position: relative; |
|
||||
overflow: hidden; |
|
||||
|
width: 100%; |
||||
|
margin: 0 auto; |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
} |
} |
||||
|
|
||||
.focus .bd { |
.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%; |
width: 100%; |
||||
} |
} |
||||
|
|
||||
/* 订单详情 */ |
/* 订单详情 */ |
||||
|
|
||||
.item-detail { |
.item-detail { |
||||
background: #FFF; |
|
||||
|
background: #fff; |
||||
} |
} |
||||
|
|
||||
.item-detail .detail-row { |
.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; |
font-size: 48rpx; |
||||
} |
} |
||||
|
|
||||
.item-detail .item-price .price { |
.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 { |
.item-detail .detail-row .price-tip { |
||||
margin-top: 20rpx; |
|
||||
|
margin-top: 20rpx; |
||||
} |
} |
||||
|
|
||||
.item-detail .detail-row .price-tip span.text-gray { |
.item-detail .detail-row .price-tip span.text-gray { |
||||
margin-right: 10rpx; |
|
||||
|
margin-right: 10rpx; |
||||
} |
} |
||||
|
|
||||
.attr-list, .text-gray { |
.attr-list, .text-gray { |
||||
float: left; |
|
||||
|
float: left; |
||||
} |
} |
||||
.text-gray{ |
|
||||
|
|
||||
|
.text-gray { |
||||
color: #999; |
color: #999; |
||||
} |
} |
||||
|
|
||||
.text-small { |
.text-small { |
||||
font-size: 24rpx; |
|
||||
|
font-size: 24rpx; |
||||
} |
} |
||||
|
|
||||
.margin-left { |
.margin-left { |
||||
margin-left: 20rpx; |
|
||||
|
margin-left: 20rpx; |
||||
} |
} |
||||
|
|
||||
/* 下单须知 、服务介绍*/ |
/* 下单须知 、服务介绍*/ |
||||
|
|
||||
.item-intro { |
.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 { |
.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; |
margin-top: 20rpx; |
||||
background: #fff; |
background: #fff; |
||||
height: 100rpx; |
height: 100rpx; |
||||
line-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 { |
.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 { |
.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 { |
.item-action .buy-now { |
||||
background-color: #ff5000; |
|
||||
display: inline-block; |
|
||||
|
background-color: #ff5000; |
||||
|
display: inline-block; |
||||
} |
} |
||||
|
|
||||
.item-action .gray { |
.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 { |
.blank-10 { |
||||
height: 20rpx; |
|
||||
width: 100%; |
|
||||
|
height: 20rpx; |
||||
|
width: 100%; |
||||
} |
} |
||||
|
|
||||
.blank-50 { |
.blank-50 { |
||||
height: 100rpx; |
|
||||
width: 100%; |
|
||||
} |
|
||||
|
height: 100rpx; |
||||
|
width: 100%; |
||||
|
} |
||||
Write
Preview
Loading…
Cancel
Save