Browse Source

no message

feature/v1.1.0
xpz2018 7 years ago
parent
commit
a775ea297b
2 changed files with 147 additions and 108 deletions
  1. 1
      pages/detail/detail.wxml
  2. 254
      pages/detail/detail.wxss

1
pages/detail/detail.wxml

@ -1,6 +1,5 @@
<import src="../../wxParse/wxParse.wxml" /> <import src="../../wxParse/wxParse.wxml" />
<view wx:for-item="{{product}}"> <view wx:for-item="{{product}}">
<view class="tuan-detail"> <view class="tuan-detail">
<view class="line banner"> <view class="line banner">

254
pages/detail/detail.wxss

@ -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%;
}
Loading…
Cancel
Save