From f96397903fbb36735bca8d88a7d655302cfe7eb7 Mon Sep 17 00:00:00 2001
From: usgeek <940208412@qq.com>
Date: Thu, 19 Jul 2018 02:17:17 +0800
Subject: [PATCH] =?UTF-8?q?=E5=95=86=E5=93=81=E8=AF=A6=E6=83=85=E9=A1=B5?=
=?UTF-8?q?=E4=B8=AD=E7=9A=84=E5=8A=A0=E5=85=A5=E8=B4=AD=E7=89=A9=E8=BD=A6?=
=?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4=EF=BC=8C=E6=B7=BB=E5=8A=A0?=
=?UTF-8?q?=E5=AE=A2=E6=9C=8D=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
litemall-wx/pages/goods/goods.js | 52 +-
litemall-wx/pages/goods/goods.wxml | 199 ++---
litemall-wx/pages/goods/goods.wxss | 1090 +++++++++++++++-------------
3 files changed, 715 insertions(+), 626 deletions(-)
diff --git a/litemall-wx/pages/goods/goods.js b/litemall-wx/pages/goods/goods.js
index e4fa61ce..8db99aad 100644
--- a/litemall-wx/pages/goods/goods.js
+++ b/litemall-wx/pages/goods/goods.js
@@ -42,7 +42,7 @@ Page({
// 这里检测一下
let _productPrice = res.data.productList[0].price;
let _goodsPrice = res.data.info.retailPrice;
- if (_productPrice != _goodsPrice){
+ if (_productPrice != _goodsPrice) {
console.error('商品数量价格和货品不一致');
}
@@ -206,21 +206,21 @@ Page({
}
let checkedProduct = checkedProductArray[0];
- if (checkedProduct.number > 0){
+ if (checkedProduct.number > 0) {
this.setData({
checkedSpecPrice: checkedProduct.price,
soldout: false
});
}
- else{
+ else {
this.setData({
checkedSpecPrice: this.data.goods.retailPrice,
soldout: true
- });
+ });
}
-
+
}
- else{
+ else {
this.setData({
checkedSpecText: '规格数量选择',
checkedSpecPrice: this.data.goods.retailPrice,
@@ -276,28 +276,33 @@ Page({
});
}
},
- closeAttrOrCollect: function () {
+ closeAttr: function () {
+ this.setData({
+ openAttr: false,
+ });
+ },
+ addCollectOrNot: function () {
let that = this;
- if (this.data.openAttr) {
- this.setData({
- openAttr: false,
- });
- if (that.data.userHasCollect == 1) {
- that.setData({
- collectBackImage: that.data.hasCollectImage
- });
- } else {
- that.setData({
- collectBackImage: that.data.noCollectImage
- });
- }
- } else {
+ // if (this.data.openAttr) {
+ // this.setData({
+ // openAttr: false,
+ // });
+ // if (that.data.userHasCollect == 1) {
+ // that.setData({
+ // collectBackImage: that.data.hasCollectImage
+ // });
+ // } else {
+ // that.setData({
+ // collectBackImage: that.data.noCollectImage
+ // });
+ // }
+ // } else {
//添加或是取消收藏
util.request(api.CollectAddOrDelete, { type: 0, valueId: this.data.id }, "POST")
.then(function (res) {
let _res = res;
if (_res.errno == 0) {
- if ( _res.data.type == 'add') {
+ if (_res.data.type == 'add') {
that.setData({
collectBackImage: that.data.hasCollectImage
});
@@ -316,7 +321,6 @@ Page({
}
});
- }
},
openCartPage: function () {
@@ -394,7 +398,7 @@ Page({
//打开规格选择窗口
this.setData({
openAttr: !this.data.openAttr,
- collectBackImage: '/static/images/detail_back.png'
+ // collectBackImage: '/static/images/detail_back.png'
});
} else {
diff --git a/litemall-wx/pages/goods/goods.wxml b/litemall-wx/pages/goods/goods.wxml
index 69728868..940bad35 100644
--- a/litemall-wx/pages/goods/goods.wxml
+++ b/litemall-wx/pages/goods/goods.wxml
@@ -1,112 +1,117 @@
-
-
-
-
-
-
-
-
- 30天无忧退货
- 48小时快速退款
- 满88元免邮费
-
-
-
- {{goods.name}}
- {{goods.goodsBrief}}
- ￥{{checkedSpecPrice}}
-
-
- {{brand.name}}
-
-
-
-
-
- {{checkedSpecText}}
-
-
-
+
+
+
+
+
-
+
diff --git a/litemall-wx/pages/goods/goods.wxss b/litemall-wx/pages/goods/goods.wxss
index 699ec984..a3743fd0 100644
--- a/litemall-wx/pages/goods/goods.wxss
+++ b/litemall-wx/pages/goods/goods.wxss
@@ -1,397 +1,393 @@
-.container{
- margin-bottom: 100rpx;
+.container {
+ margin-bottom: 100rpx;
}
-.goodsimgs{
+
+.goodsimgs {
width: 750rpx;
height: 750rpx;
}
-.goodsimgs image{
+.goodsimgs image {
width: 750rpx;
height: 750rpx;
}
-.service-policy{
- width: 750rpx;
- height: 73rpx;
- background: #f4f4f4;
- padding: 0 31.25rpx;
- display: flex;
- flex-flow: row nowrap;
- align-items: center;
- justify-content: space-between;
+.service-policy {
+ width: 750rpx;
+ height: 73rpx;
+ background: #f4f4f4;
+ padding: 0 31.25rpx;
+ display: flex;
+ flex-flow: row nowrap;
+ align-items: center;
+ justify-content: space-between;
}
-.service-policy .item{
- background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/servicePolicyRed-518d32d74b.png) 0 center no-repeat;
- background-size: 10rpx;
- padding-left: 15rpx;
- display: flex;
- align-items: center;
- font-size: 25rpx;
- color: #666;
+.service-policy .item {
+ background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/servicePolicyRed-518d32d74b.png) 0 center no-repeat;
+ background-size: 10rpx;
+ padding-left: 15rpx;
+ display: flex;
+ align-items: center;
+ font-size: 25rpx;
+ color: #666;
}
-.goods-info{
- width: 750rpx;
- height: 306rpx;
- overflow: hidden;
- background: #fff;
+.goods-info {
+ width: 750rpx;
+ height: 306rpx;
+ overflow: hidden;
+ background: #fff;
}
-.goods-info .c{
- display: block;
- width: 718.75rpx;
- height: 100%;
- margin-left: 31.25rpx;
- padding: 38rpx 31.25rpx 38rpx 0;
- border-bottom: 1px solid #f4f4f4;
+.goods-info .c {
+ display: block;
+ width: 718.75rpx;
+ height: 100%;
+ margin-left: 31.25rpx;
+ padding: 38rpx 31.25rpx 38rpx 0;
+ border-bottom: 1px solid #f4f4f4;
}
-.goods-info .c text{
- display: block;
- width: 687.5rpx;
- text-align: center;
+.goods-info .c text {
+ display: block;
+ width: 687.5rpx;
+ text-align: center;
}
-.goods-info .name{
- height: 41rpx;
- margin-bottom: 5.208rpx;
- font-size: 41rpx;
- line-height: 41rpx;
+.goods-info .name {
+ height: 41rpx;
+ margin-bottom: 5.208rpx;
+ font-size: 41rpx;
+ line-height: 41rpx;
}
-.goods-info .desc{
- height: 43rpx;
- margin-bottom: 41rpx;
- font-size: 24rpx;
- line-height: 36rpx;
- color: #999;
+.goods-info .desc {
+ height: 43rpx;
+ margin-bottom: 41rpx;
+ font-size: 24rpx;
+ line-height: 36rpx;
+ color: #999;
}
-
-.goods-info .price{
- height: 35rpx;
- font-size: 35rpx;
- line-height: 35rpx;
- color: #b4282d;
+.goods-info .price {
+ height: 35rpx;
+ font-size: 35rpx;
+ line-height: 35rpx;
+ color: #b4282d;
}
-.goods-info .brand{
- margin-top: 23rpx;
- min-height: 40rpx;
- text-align: center;
+.goods-info .brand {
+ margin-top: 23rpx;
+ min-height: 40rpx;
+ text-align: center;
}
-.goods-info .brand text{
- display: inline-block;
- width: auto;
- padding: 2px 30rpx 2px 10.5rpx;
- line-height: 35.5rpx;
- border: 1px solid #f48f18;
- font-size: 25rpx;
- color: #f48f18;
- border-radius: 4px;
- background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/detailTagArrow-18bee52dab.png) 95% center no-repeat;
- background-size: 10.75rpx 18.75rpx;
+.goods-info .brand text {
+ display: inline-block;
+ width: auto;
+ padding: 2px 30rpx 2px 10.5rpx;
+ line-height: 35.5rpx;
+ border: 1px solid #f48f18;
+ font-size: 25rpx;
+ color: #f48f18;
+ border-radius: 4px;
+ background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/detailTagArrow-18bee52dab.png) 95% center no-repeat;
+ background-size: 10.75rpx 18.75rpx;
}
-.section-nav{
- width: 750rpx;
- height: 108rpx;
- background: #fff;
- margin-bottom: 20rpx;
+.section-nav {
+ width: 750rpx;
+ height: 108rpx;
+ background: #fff;
+ margin-bottom: 20rpx;
}
-.section-nav .t{
- float: left;
- width: 600rpx;
- height: 108rpx;
- line-height: 108rpx;
- font-size: 29rpx;
- color: #333;
- margin-left: 31.25rpx;
+.section-nav .t {
+ float: left;
+ width: 600rpx;
+ height: 108rpx;
+ line-height: 108rpx;
+ font-size: 29rpx;
+ color: #333;
+ margin-left: 31.25rpx;
}
-.section-nav .i{
- float: right;
- width: 52rpx;
- height: 52rpx;
- margin-right: 16rpx;
- margin-top: 28rpx;
+.section-nav .i {
+ float: right;
+ width: 52rpx;
+ height: 52rpx;
+ margin-right: 16rpx;
+ margin-top: 28rpx;
}
-.section-act .t{
- float: left;
- display: flex;
- align-items: center;
- width: 600rpx;
- height: 108rpx;
- overflow: hidden;
- line-height: 108rpx;
- font-size: 29rpx;
- color: #999;
- margin-left: 31.25rpx;
+.section-act .t {
+ float: left;
+ display: flex;
+ align-items: center;
+ width: 600rpx;
+ height: 108rpx;
+ overflow: hidden;
+ line-height: 108rpx;
+ font-size: 29rpx;
+ color: #999;
+ margin-left: 31.25rpx;
}
-.section-act .label{
- color: #999;
+.section-act .label {
+ color: #999;
}
-.section-act .tag{
- display: flex;
- align-items: center;
- padding:0 10rpx;
- border-radius: 3px;
- height: 37rpx;
- width: auto;
- color: #f48f18;
- overflow: hidden;
- border: 1px solid #f48f18;
- font-size: 25rpx;
- margin:0 10rpx;
+.section-act .tag {
+ display: flex;
+ align-items: center;
+ padding: 0 10rpx;
+ border-radius: 3px;
+ height: 37rpx;
+ width: auto;
+ color: #f48f18;
+ overflow: hidden;
+ border: 1px solid #f48f18;
+ font-size: 25rpx;
+ margin: 0 10rpx;
}
-.section-act .text{
- display: flex;
- align-items: center;
- height: 37rpx;
- width: auto;
- overflow: hidden;
- color: #f48f18;
- font-size: 29rpx;
+.section-act .text {
+ display: flex;
+ align-items: center;
+ height: 37rpx;
+ width: auto;
+ overflow: hidden;
+ color: #f48f18;
+ font-size: 29rpx;
}
-.comments{
- width: 100%;
- height: auto;
- padding-left:30rpx;
- background: #fff;
- margin: 20rpx 0;
+.comments {
+ width: 100%;
+ height: auto;
+ padding-left: 30rpx;
+ background: #fff;
+ margin: 20rpx 0;
}
-.comments .h{
- height: 102.5rpx;
- line-height: 100.5rpx;
- width: 718.75rpx;
- padding-right: 16rpx;
- border-bottom: 1px solid #d9d9d9;
+.comments .h {
+ height: 102.5rpx;
+ line-height: 100.5rpx;
+ width: 718.75rpx;
+ padding-right: 16rpx;
+ border-bottom: 1px solid #d9d9d9;
}
-.comments .h .t{
- display: block;
- float: left;
- width: 50%;
- font-size: 38.5rpx;
- color: #333;
+.comments .h .t {
+ display: block;
+ float: left;
+ width: 50%;
+ font-size: 38.5rpx;
+ color: #333;
}
-.comments .h .i{
- display: block;
- float: right;
- width: 164rpx;
- height: 100.5rpx;
- line-height: 100.5rpx;
- background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/address-right-990628faa7.png) right center no-repeat;
- background-size: 52rpx;
+.comments .h .i {
+ display: block;
+ float: right;
+ width: 164rpx;
+ height: 100.5rpx;
+ line-height: 100.5rpx;
+ background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/address-right-990628faa7.png) right center no-repeat;
+ background-size: 52rpx;
}
-.comments .b{
- height: auto;
- width: 720rpx;
+.comments .b {
+ height: auto;
+ width: 720rpx;
}
-.comments .item{
- height: auto;
- width: 720rpx;
- overflow: hidden;
+.comments .item {
+ height: auto;
+ width: 720rpx;
+ overflow: hidden;
}
-.comments .info{
- height: 127rpx;
- width: 100%;
- padding: 33rpx 0 27rpx 0;
+.comments .info {
+ height: 127rpx;
+ width: 100%;
+ padding: 33rpx 0 27rpx 0;
}
-.comments .user{
- float: left;
- width: auto;
- height: 67rpx;
- line-height: 67rpx;
- font-size: 0;
+.comments .user {
+ float: left;
+ width: auto;
+ height: 67rpx;
+ line-height: 67rpx;
+ font-size: 0;
}
-.comments .user image{
- float: left;
- width: 67rpx;
- height: 67rpx;
- margin-right: 17rpx;
- border-radius: 50%;
+.comments .user image {
+ float: left;
+ width: 67rpx;
+ height: 67rpx;
+ margin-right: 17rpx;
+ border-radius: 50%;
}
-.comments .user text{
- display: inline-block;
- width: auto;
- height: 66rpx;
- overflow: hidden;
- font-size: 29rpx;
- line-height: 66rpx;
+.comments .user text {
+ display: inline-block;
+ width: auto;
+ height: 66rpx;
+ overflow: hidden;
+ font-size: 29rpx;
+ line-height: 66rpx;
}
-.comments .time{
- display: block;
- float: right;
- width: auto;
- height: 67rpx;
- line-height: 67rpx;
- color: #7f7f7f;
- font-size: 25rpx;
- margin-right: 30rpx;
+.comments .time {
+ display: block;
+ float: right;
+ width: auto;
+ height: 67rpx;
+ line-height: 67rpx;
+ color: #7f7f7f;
+ font-size: 25rpx;
+ margin-right: 30rpx;
}
-.comments .content{
- width: 720rpx;
- padding-right: 30rpx;
- line-height: 45.8rpx;
- font-size: 29rpx;
- margin-bottom: 24rpx;
+.comments .content {
+ width: 720rpx;
+ padding-right: 30rpx;
+ line-height: 45.8rpx;
+ font-size: 29rpx;
+ margin-bottom: 24rpx;
}
-.comments .imgs{
- width: 720rpx;
- height: auto;
- margin-bottom: 25rpx;
+.comments .imgs {
+ width: 720rpx;
+ height: auto;
+ margin-bottom: 25rpx;
}
-.comments .imgs .img{
- height: 150rpx;
- width: 150rpx;
- margin-right: 28rpx;
+.comments .imgs .img {
+ height: 150rpx;
+ width: 150rpx;
+ margin-right: 28rpx;
}
-
-.comments .spec{
- width: 720rpx;
- padding-right: 30rpx;
- line-height: 30rpx;
- font-size: 24rpx;
- color: #999;
- margin-bottom: 30rpx;
+.comments .spec {
+ width: 720rpx;
+ padding-right: 30rpx;
+ line-height: 30rpx;
+ font-size: 24rpx;
+ color: #999;
+ margin-bottom: 30rpx;
}
-
-.goods-attr{
- width: 750rpx;
- height: auto;
- overflow: hidden;
- padding: 0 31.25rpx 25rpx 31.25rpx;
- background: #fff;
+.goods-attr {
+ width: 750rpx;
+ height: auto;
+ overflow: hidden;
+ padding: 0 31.25rpx 25rpx 31.25rpx;
+ background: #fff;
}
-.goods-attr .t{
- width: 687.5rpx;
- height: 104rpx;
- line-height: 104rpx;
- font-size: 38.5rpx;
+.goods-attr .t {
+ width: 687.5rpx;
+ height: 104rpx;
+ line-height: 104rpx;
+ font-size: 38.5rpx;
}
-.goods-attr .item{
- width: 687.5rpx;
- height: 68rpx;
- padding: 11rpx 20rpx;
- margin-bottom: 11rpx;
- background: #f7f7f7;
- font-size: 38.5rpx;
+.goods-attr .item {
+ width: 687.5rpx;
+ height: 68rpx;
+ padding: 11rpx 20rpx;
+ margin-bottom: 11rpx;
+ background: #f7f7f7;
+ font-size: 38.5rpx;
}
-.goods-attr .left{
- float: left;
- font-size: 25rpx;
- width: 134rpx;
- height: 45rpx;
- line-height: 45rpx;
- overflow: hidden;
- color: #999;
+.goods-attr .left {
+ float: left;
+ font-size: 25rpx;
+ width: 134rpx;
+ height: 45rpx;
+ line-height: 45rpx;
+ overflow: hidden;
+ color: #999;
}
-.goods-attr .right{
- float: left;
- font-size: 36.5rpx;
- margin-left: 20rpx;
- width: 480rpx;
- height: 45rpx;
- line-height: 45rpx;
- overflow: hidden;
- color: #333;
+.goods-attr .right {
+ float: left;
+ font-size: 36.5rpx;
+ margin-left: 20rpx;
+ width: 480rpx;
+ height: 45rpx;
+ line-height: 45rpx;
+ overflow: hidden;
+ color: #333;
}
-.detail{
- width: 750rpx;
- height: auto;
- overflow: hidden;
+.detail {
+ width: 750rpx;
+ height: auto;
+ overflow: hidden;
}
-.detail image{
- width: 750rpx;
- display: block;
+.detail image {
+ width: 750rpx;
+ display: block;
}
-
-.common-problem{
- width: 750rpx;
- height: auto;
- overflow: hidden;
+.common-problem {
+ width: 750rpx;
+ height: auto;
+ overflow: hidden;
}
-.common-problem .h{
- position: relative;
- height: 145.5rpx;
- width: 750rpx;
- padding: 56.25rpx 0;
- background: #fff;
- text-align: center;
+.common-problem .h {
+ position: relative;
+ height: 145.5rpx;
+ width: 750rpx;
+ padding: 56.25rpx 0;
+ background: #fff;
+ text-align: center;
}
-.common-problem .h .line{
- display: inline-block;
- position: absolute;
- top: 72rpx;
- left: 0;
- z-index: 2;
- height: 1px;
- margin-left: 225rpx;
- width: 300rpx;
- background: #ccc;
+.common-problem .h .line {
+ display: inline-block;
+ position: absolute;
+ top: 72rpx;
+ left: 0;
+ z-index: 2;
+ height: 1px;
+ margin-left: 225rpx;
+ width: 300rpx;
+ background: #ccc;
}
-.common-problem .h .title{
- display: inline-block;
- position: absolute;
- top: 56.125rpx;
- left: 0;
- z-index: 3;
- height: 33rpx;
- margin-left: 285rpx;
- width: 180rpx;
- background: #fff;
+.common-problem .h .title {
+ display: inline-block;
+ position: absolute;
+ top: 56.125rpx;
+ left: 0;
+ z-index: 3;
+ height: 33rpx;
+ margin-left: 285rpx;
+ width: 180rpx;
+ background: #fff;
}
-.common-problem .b{
+.common-problem .b {
width: 750rpx;
height: auto;
overflow: hidden;
padding: 0rpx 30rpx;
background: #fff;
-
}
-.common-problem .item{
+.common-problem .item {
height: auto;
overflow: hidden;
padding-bottom: 25rpx;
}
-.common-problem .question-box .spot{
+.common-problem .question-box .spot {
float: left;
display: block;
height: 8rpx;
@@ -401,7 +397,7 @@
margin-top: 11rpx;
}
-.common-problem .question-box .question{
+.common-problem .question-box .question {
float: left;
line-height: 30rpx;
padding-left: 8rpx;
@@ -411,61 +407,60 @@
color: #303030;
}
-.common-problem .answer{
+.common-problem .answer {
line-height: 36rpx;
padding-left: 16rpx;
font-size: 26rpx;
color: #787878;
}
-
-.related-goods{
- width: 750rpx;
- height: auto;
- overflow: hidden;
-}
-
-.related-goods .h{
- position: relative;
- height: 145.5rpx;
- width: 750rpx;
- padding: 56.25rpx 0;
- background: #fff;
- text-align: center;
- border-bottom: 1px solid #f4f4f4;
-}
-
-.related-goods .h .line{
- display: inline-block;
- position: absolute;
- top: 72rpx;
- left: 0;
- z-index: 2;
- height: 1px;
- margin-left: 225rpx;
- width: 300rpx;
- background: #ccc;
-}
-
-.related-goods .h .title{
- display: inline-block;
- position: absolute;
- top: 56.125rpx;
- left: 0;
- z-index: 3;
- height: 33rpx;
- margin-left: 285rpx;
- width: 180rpx;
- background: #fff;
-}
-
-.related-goods .b{
+.related-goods {
width: 750rpx;
height: auto;
overflow: hidden;
}
-.related-goods .b .item{
+.related-goods .h {
+ position: relative;
+ height: 145.5rpx;
+ width: 750rpx;
+ padding: 56.25rpx 0;
+ background: #fff;
+ text-align: center;
+ border-bottom: 1px solid #f4f4f4;
+}
+
+.related-goods .h .line {
+ display: inline-block;
+ position: absolute;
+ top: 72rpx;
+ left: 0;
+ z-index: 2;
+ height: 1px;
+ margin-left: 225rpx;
+ width: 300rpx;
+ background: #ccc;
+}
+
+.related-goods .h .title {
+ display: inline-block;
+ position: absolute;
+ top: 56.125rpx;
+ left: 0;
+ z-index: 3;
+ height: 33rpx;
+ margin-left: 285rpx;
+ width: 180rpx;
+ background: #fff;
+}
+
+.related-goods .b {
+ width: 750rpx;
+ height: auto;
+ overflow: hidden;
+}
+
+.related-goods .b .item {
float: left;
background: #fff;
width: 375rpx;
@@ -477,12 +472,12 @@
border-bottom: 1px solid #f4f4f4;
}
-.related-goods .item .img{
+.related-goods .item .img {
width: 311.45rpx;
height: 311.45rpx;
}
-.related-goods .item .name{
+.related-goods .item .name {
display: block;
width: 311.45rpx;
height: 35rpx;
@@ -493,7 +488,7 @@
color: #333;
}
-.related-goods .item .price{
+.related-goods .item .price {
display: block;
width: 311.45rpx;
height: 30rpx;
@@ -502,82 +497,103 @@
color: #b4282d;
}
-.bottom-btn{
- position: fixed;
- left:0;
- bottom:0;
- z-index: 10;
- width: 750rpx;
- height: 100rpx;
- display: flex;
- background: #fff;
+.bottom-btn {
+ position: fixed;
+ left: 0;
+ bottom: 0;
+ z-index: 10;
+ width: 750rpx;
+ height: 100rpx;
+ display: flex;
+ background: #fff;
}
-.bottom-btn .l{
- float: left;
- height: 100rpx;
- width: 162rpx;
- border: 1px solid #f4f4f4;
- display: flex;
- align-items: center;
- justify-content: center;
-
+.bottom-btn .l {
+ float: left;
+ height: 100rpx;
+ width: 162rpx;
+ border: 1px solid #f4f4f4;
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
-.bottom-btn .l.l-collect{
- border-right: none;
- border-left: none;
- text-align: center;
+.bottom-btn .l.l-collect {
+ border-right: none;
+ border-left: none;
+ text-align: center;
+ width: 90rpx;
+}
+.bottom-btn .l.l-kefu {
+ position: relative;
+ height:54rpx;
+ width: 63rpx;
}
-
-.bottom-btn .l.l-cart .box{
- position: relative;
- height: 60rpx;
- width: 60rpx;
-}
-
-.bottom-btn .l.l-cart .cart-count{
- height: 28rpx;
- width: 28rpx;
- z-index: 10;
- position: absolute;
- top: 0;
- right:0;
- background: #b4282d;
- text-align: center;
- font-size: 18rpx;
- color: #fff;
- line-height: 28rpx;
- border-radius: 50%;
-
-}
-
-.bottom-btn .l.l-cart .icon{
+.bottom-btn .l.l-cart .box {
+ position: relative;
+ height: 60rpx;
+ width: 60rpx;
- position: absolute;
- top: 10rpx;
- left:0;
-
}
-
-.bottom-btn .l .icon{
- display: block;
- height: 44rpx;
- width: 44rpx;
+.bottom-btn .l.l-cart .cart-count {
+ height: 28rpx;
+ width: 28rpx;
+ z-index: 10;
+ position: absolute;
+ top: 0;
+ right: 0;
+ background: #b4282d;
+ text-align: center;
+ font-size: 18rpx;
+ color: #fff;
+ line-height: 28rpx;
+ border-radius: 50%;
}
+.bottom-btn .l.l-cart .icon {
+ position: absolute;
+ top: 10rpx;
+ left: 0;
+}
+
+.bottom-btn .l.l-kefu .kefu-count {
+ height: 28rpx;
+ width: 28rpx;
+ z-index: 10;
+ position: absolute;
+ top: 0;
+ right: 0;
+ /* background: #b4282d; */
+ text-align: center;
+ font-size: 18rpx;
+ color: #fff;
+ line-height: 28rpx;
+ border-radius: 50%;
+}
+.bottom-btn .l.l-kefu .icon{
+ position: absolute;
+ top: 10rpx;
+ left: 0;
+}
+
+.bottom-btn .l .icon {
+ display: block;
+ height: 44rpx;
+ width: 44rpx;
+}
.bottom-btn .c{
float: left;
+ background: #f48f18;
height: 100rpx;
line-height: 96rpx;
flex: 1;
text-align: center;
- color: #333;
- border-top: 1px solid #f4f4f4;
- border-bottom: 1px solid #f4f4f4;
+ color: #fff;
+ /* border-top: 2px solid #f4f4f4; */
+ /* border-bottom: 2px solid #f4f4f4; */
}
.bottom-btn .r{
@@ -591,133 +607,195 @@
color: #fff;
}
-.bottom-btn .n{
- border:1px solid #f4f4f4;
- background: #f4f4f4;
- float: left;
- height: 100rpx;
- line-height: 96rpx;
- flex: 1;
- text-align: center;
-}
-
@import "../../lib/wxParse/wxParse.wxss";
-.attr-pop{
- width: 100%;
- height: 100%;
- padding: 31.25rpx;
- background: #fff;
+.attr-pop-box {
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ background: rgba(0, 0, 0, .5);
+ z-index: 8;
+ bottom: 0;
+ /* display: none; */
}
-.attr-pop .img-info{
- width: 687.5rpx;
- height: 177rpx;
- overflow: hidden;
- margin-bottom: 41.5rpx;
+.attr-pop {
+ width: 100%;
+ height: auto;
+ max-height: 780rpx;
+ padding: 31.25rpx;
+ background: #fff;
+ position: fixed;
+ z-index: 9;
+ bottom: 100rpx;
}
-.attr-pop .img{
- float: left;
- height: 177rpx;
- width: 177rpx;
- background: #f4f4f4;
- margin-right: 31.25rpx;
+.attr-pop .close {
+ position: absolute;
+ width: 48rpx;
+ height: 48rpx;
+ right: 31.25rpx;
+ overflow: hidden;
+ top: 31.25rpx;
}
-.attr-pop .info{
- float: left;
- height: 177rpx;
+.attr-pop .close .icon {
+ width: 48rpx;
+ height: 48rpx;
+}
+
+.attr-pop .img-info {
+ width: 687.5rpx;
+ height: 177rpx;
+ overflow: hidden;
+ margin-bottom: 41.5rpx;
+}
+
+.attr-pop .img {
+ float: left;
+ height: 177rpx;
+ width: 177rpx;
+ background: #f4f4f4;
+ margin-right: 31.25rpx;
+}
+
+.attr-pop .info {
+ float: left;
+ height: 177rpx;
+ display: flex;
+ align-items: center;
+}
+
+.attr-pop .p {
+ font-size: 33rpx;
+ color: #333;
+ height: 33rpx;
+ line-height: 33rpx;
+ margin-bottom: 10rpx;
+}
+
+.attr-pop .a {
+ font-size: 29rpx;
+ color: #333;
+ height: 40rpx;
+ line-height: 40rpx;
+}
+
+.spec-con {
+ width: 100%;
+ height: auto;
+ overflow: hidden;
+}
+
+.spec-con .name {
+ height: 32rpx;
+ margin-bottom: 22rpx;
+ font-size: 29rpx;
+ color: #333;
+}
+
+.spec-con .values {
+ height: auto;
+ margin-bottom: 31.25rpx;
+ font-size: 0;
+}
+
+.spec-con .value {
+ display: inline-block;
+ height: 62rpx;
+ padding: 0 35rpx;
+ line-height: 56rpx;
+ text-align: center;
+ margin-right: 25rpx;
+ margin-bottom: 16.5rpx;
+ border: 1px solid #333;
+ font-size: 25rpx;
+ color: #333;
+}
+
+.spec-con .value.disable {
+ border: 1px solid #ccc;
+ color: #ccc;
+}
+
+.spec-con .value.selected {
+ border: 1px solid #b4282d;
+ color: #b4282d;
+}
+
+.number-item .selnum {
+ width: 322rpx;
+ height: 71rpx;
+ border: 1px solid #ccc;
+ display: flex;
+}
+
+.number-item .cut {
+ width: 93.75rpx;
+ height: 100%;
+ text-align: center;
+ line-height: 65rpx;
+}
+
+.number-item .number {
+ flex: 1;
+ height: 100%;
+ text-align: center;
+ line-height: 68.75rpx;
+ border-left: 1px solid #ccc;
+ border-right: 1px solid #ccc;
+ float: left;
+}
+
+.number-item .add {
+ width: 93.75rpx;
+ height: 100%;
+ text-align: center;
+ line-height: 65rpx;
+}
+
+.contact{
+
+ height: 100rpx;
+
+ width: 100rpx;
+
+ background-color: #008000;
+
+ border-radius: 100%;
+
+ position: fixed;
+
+ bottom: 150rpx;
+
+ right: 20rpx;
+
display: flex;
+
align-items: center;
+
+ justify-content: center;
+
+ z-index: 9;
+
+ flex-direction: column;
+
+ /*line-height: 100rpx;
+ text-align: center;
+ padding-top: 26rpx;*/
+ font-size: 20rpx;
+ color: #008000;
+ box-sizing: border-box;
+ background: url("https://litemall.oss-cn-shenzhen.aliyuncs.com/kefu.png") no-repeat center 21rpx;
+ background-size: 55rpx auto;
}
-.attr-pop .p{
- font-size: 33rpx;
- color: #333;
- height: 33rpx;
- line-height: 33rpx;
- margin-bottom: 10rpx;
-}
+.contact .name{
-.attr-pop .a{
- font-size: 29rpx;
- color: #333;
- height: 40rpx;
- line-height: 40rpx;
-}
+ font-size: 32rpx;
-.spec-con{
- width: 100%;
- height: auto;
- overflow: hidden;
-}
+ max-width: 80rpx;
-.spec-con .name{
- height: 32rpx;
- margin-bottom: 22rpx;
- font-size: 29rpx;
- color: #333;
-}
-
-.spec-con .values{
- height: auto;
- margin-bottom: 31.25rpx;
- font-size: 0;
-}
-
-.spec-con .value{
- display: inline-block;
- height: 62rpx;
- padding: 0 35rpx;
- line-height: 56rpx;
+ color: #fff;
text-align: center;
- margin-right: 25rpx;
- margin-bottom: 16.5rpx;
- border: 1px solid #333;
- font-size: 25rpx;
- color: #333;
}
-
-.spec-con .value.disable{
- border: 1px solid #ccc;
- color: #ccc;
-}
-
-.spec-con .value.selected{
- border: 1px solid #b4282d;
- color: #b4282d;
-}
-
-.number-item .selnum{
- width: 322rpx;
- height: 71rpx;
- border: 1px solid #ccc;
- display: flex;
-}
-
-.number-item .cut{
- width: 93.75rpx;
- height: 100%;
- text-align: center;
- line-height: 65rpx;
-}
-
-.number-item .number{
- flex: 1;
- height: 100%;
- text-align: center;
- line-height: 68.75rpx;
- border-left: 1px solid #ccc;
- border-right: 1px solid #ccc;
- float: left;
-}
-
-.number-item .add{
- width: 93.75rpx;
- height: 100%;
- text-align: center;
- line-height: 65rpx;
-}
-
-