diff --git a/pages/detail/detail.wxml b/pages/detail/detail.wxml
index e32394c..6ca8141 100644
--- a/pages/detail/detail.wxml
+++ b/pages/detail/detail.wxml
@@ -1,6 +1,5 @@
-
diff --git a/pages/detail/detail.wxss b/pages/detail/detail.wxss
index 126386f..c1910f5 100644
--- a/pages/detail/detail.wxss
+++ b/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%;
-}
\ No newline at end of file
+ height: 100rpx;
+ width: 100%;
+}