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" />
<view wx:for-item="{{product}}">
<view class="tuan-detail">
<view class="line banner">

254
pages/detail/detail.wxss

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