diff --git a/litemall-wx/pages/cart/cart.wxss b/litemall-wx/pages/cart/cart.wxss index 59aea210..953d0302 100644 --- a/litemall-wx/pages/cart/cart.wxss +++ b/litemall-wx/pages/cart/cart.wxss @@ -1,389 +1,531 @@ -page{ - height: 100%; - min-height: 100%; - background: #f4f4f4; -} -.container{ - background: #f4f4f4; - width: 100%; - height: auto; - min-height: 100%; - overflow: hidden; -} -.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; +page { + height: 100%; + min-height: 100%; + background: #f4f4f4; } -.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; +.container { + background: #f4f4f4; + width: 100%; + height: auto; + min-height: 100%; + overflow: hidden; } - -.no-login{ - width: 100%; - height: auto; - margin: 0 auto; +.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; } -.no-login .c{ - width: 100%; - height: auto; - margin-top: 200rpx; +.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; } -.no-login .c image{ - margin: 0 auto; - display: block; - text-align: center; - width: 258rpx; - height: 258rpx; +.no-login { + width: 100%; + height: auto; + margin: 0 auto; } -.no-login .c text{ - margin: 0 auto; - display: block; - width: 258rpx; - height: 59rpx; - line-height: 29rpx; - text-align: center; - font-size: 50rpx; - color: #999; +.no-login .c { + width: 100%; + height: auto; + margin-top: 200rpx; } -.no-login button{ - width: 60%; - margin: 0 auto; +.no-login .c image { + margin: 0 auto; + display: block; + text-align: center; + width: 258rpx; + height: 258rpx; } -.no-cart{ - width: 100%; - height: auto; - margin: 0 auto; +.no-login .c text { + margin: 0 auto; + display: block; + width: 258rpx; + height: 59rpx; + line-height: 29rpx; + text-align: center; + font-size: 35rpx; + color: #999; } -.no-cart .c{ - width: 100%; - height: auto; - margin-top: 200rpx; +.no-login button { + width: 90%; + margin: 0 auto; + color: #fff; + font-size: 30rpx; + height: 96rpx; + line-height: 96rpx; + right: 0; + display: flex; + justify-content: center; + align-items: center; + position: flex; + bottom: 0; + left: 0; + border-radius: 0; + padding: 0; + margin-left: 5%; + text-align: center; + /* padding-left: -5rpx; */ + border-top-left-radius: 50rpx; + border-bottom-left-radius: 50rpx; + border-top-right-radius: 50rpx; + border-bottom-right-radius: 50rpx; + letter-spacing: 3rpx; + background-image: linear-gradient(to right, #9a9ba1 0%, #9a9ba1 100%); } -.no-cart .c image{ - margin: 0 auto; - display: block; - text-align: center; - width: 258rpx; - height: 258rpx; +.no-cart { + width: 100%; + height: auto; + margin: 0 auto; } -.no-cart .c text{ - margin: 0 auto; - display: block; - width: 258rpx; - height: 29rpx; - line-height: 29rpx; - text-align: center; - font-size: 29rpx; - color: #999; +.no-cart .c { + width: 100%; + height: auto; + margin-top: 200rpx; } - -.cart-view{ - width: 100%; - height: auto; - overflow: hidden; - +.no-cart .c image { + margin: 0 auto; + display: block; + text-align: center; + width: 258rpx; + height: 258rpx; } -.cart-view .list{ - height: auto; - width: 100%; - overflow: hidden; - margin-bottom: 120rpx; +.no-cart .c text { + margin: 0 auto; + display: block; + width: 258rpx; + height: 29rpx; + line-height: 29rpx; + text-align: center; + font-size: 29rpx; + color: #999; } -.cart-view .group-item{ - height: auto; - width: 100%; - background: #fff; - margin-bottom: 18rpx; +.cart-view { + width: 100%; + height: auto; + overflow: hidden; } -.cart-view .item{ - height: 164rpx; - width: 100%; - overflow: hidden; -} -.cart-view .item .checkbox{ - float: left; - height: 34rpx; - width: 34rpx; - margin: 65rpx 18rpx 65rpx 26rpx; - background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/checkbox-0e09baa37e.png) no-repeat; - background-size: 34rpx; +.cart-view .list { + height: auto; + width: 100%; + overflow: hidden; + margin-bottom: 120rpx; } -.cart-view .item .checkbox.checked{ - background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/checkbox-checked-822e54472a.png) no-repeat; - background-size: 34rpx; +.cart-view .group-item { + height: auto; + width: 100%; + background: #fff; + margin-bottom: 18rpx; } -.cart-view .item .cart-goods{ - float: left; - height: 164rpx; - width: 672rpx; - border-bottom: 1px solid #f4f4f4; +.cart-view .item { + height: 164rpx; + width: 100%; + overflow: hidden; } -.cart-view .item .img{ - float: left; - height:125rpx; - width: 125rpx; - background: #f4f4f4; - margin: 19.5rpx 18rpx 19.5rpx 0; +.cart-view .item .checkbox { + float: left; + height: 34rpx; + width: 34rpx; + margin: 65rpx 18rpx 65rpx 26rpx; + background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/checkbox-0e09baa37e.png) no-repeat; + background-size: 34rpx; } -.cart-view .item .info{ - float: left; - height:125rpx; - width: 503rpx; - margin: 19.5rpx 26rpx 19.5rpx 0; +.cart-view .item .checkbox.checked { + background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/checkbox-checked-822e54472a.png) no-repeat; + background-size: 34rpx; } -.cart-view .item .t{ - margin: 8rpx 0; - height: 28rpx; - font-size: 25rpx; - color: #333; - overflow: hidden; +.cart-view .item .cart-goods { + float: left; + height: 164rpx; + width: 672rpx; + border-bottom: 1px solid #f4f4f4; } - -.cart-view .item .name{ - height: 28rpx; - max-width: 310rpx; - line-height: 28rpx; - font-size: 25rpx; - color: #333; - overflow: hidden; +.cart-view .item .img { + float: left; + height: 125rpx; + width: 125rpx; + background: #f4f4f4; + margin: 19.5rpx 18rpx 19.5rpx 0; } -.cart-view .item .num{ - height: 28rpx; - line-height: 28rpx; - float: right; +.cart-view .item .info { + float: left; + height: 125rpx; + width: 503rpx; + margin: 19.5rpx 26rpx 19.5rpx 0; } -.cart-view .item .attr{ - margin-bottom: 17rpx; - height: 24rpx; - line-height: 24rpx; - font-size: 22rpx; - color: #666; - overflow: hidden; +.cart-view .item .t { + margin: 8rpx 0; + height: 28rpx; + font-size: 25rpx; + color: #333; + overflow: hidden; } -.cart-view .item .b{ - height: 28rpx; - line-height: 28rpx; - font-size: 25rpx; - color: #333; - overflow: hidden; +.cart-view .item .name { + height: 28rpx; + max-width: 310rpx; + line-height: 28rpx; + font-size: 25rpx; + color: #333; + overflow: hidden; } -.cart-view .item .price{ - float: left; +.cart-view .item .num { + height: 28rpx; + line-height: 28rpx; + float: right; } -.cart-view .item .open{ - height: 28rpx; - width: 150rpx; - display: block; - float: right; - background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/arrowDown-d48093db25.png) right center no-repeat; - background-size: 25rpx; - font-size: 25rpx; - color: #333; +.cart-view .item .attr { + margin-bottom: 17rpx; + height: 24rpx; + line-height: 24rpx; + font-size: 22rpx; + color: #666; + overflow: hidden; } -.cart-view .item.edit .t{ - display: none; +.cart-view .item .b { + height: 28rpx; + line-height: 28rpx; + font-size: 25rpx; + color: #333; + overflow: hidden; } -.cart-view .item.edit .attr{ - text-align: right; - background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/icon-normal/arrow-right1-e9828c5b35.png) right center no-repeat; - padding-right: 25rpx; - background-size: 12rpx 20rpx; - margin-bottom: 24rpx; - height: 39rpx; - line-height: 39rpx; - font-size: 24rpx; - color: #999; - overflow: hidden; +.cart-view .item .price { + float: left; } -.cart-view .item.edit .b{ - display: flex; - height: 52rpx; - overflow: hidden; +.cart-view .item .open { + height: 28rpx; + width: 150rpx; + display: block; + float: right; + background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/arrowDown-d48093db25.png) right center no-repeat; + background-size: 25rpx; + font-size: 25rpx; + color: #333; } -.cart-view .item.edit .price{ - line-height: 52rpx; - height: 52rpx; - flex: 1; +.cart-view .item.edit .t { + display: none; } -.cart-view .item .selnum{ - display: none; +.cart-view .item.edit .attr { + text-align: right; + background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/icon-normal/arrow-right1-e9828c5b35.png) right center no-repeat; + padding-right: 25rpx; + background-size: 12rpx 20rpx; + margin-bottom: 24rpx; + height: 39rpx; + line-height: 39rpx; + font-size: 24rpx; + color: #999; + overflow: hidden; } -.cart-view .item.edit .selnum{ - width: 235rpx; - height: 52rpx; - border: 1rpx solid #ccc; - display: flex; +.cart-view .item.edit .b { + display: flex; + height: 52rpx; + overflow: hidden; } -.selnum .cut{ - width: 70rpx; - height: 100%; - text-align: center; - line-height: 50rpx; +.cart-view .item.edit .price { + line-height: 52rpx; + height: 52rpx; + flex: 1; } -.selnum .number{ - flex: 1; - height: 100%; - text-align: center; - line-height: 68.75rpx; - border-left: 1px solid #ccc; - border-right: 1px solid #ccc; - float: left; +.cart-view .item .selnum { + display: none; } -.selnum .add{ - width: 80rpx; - height: 100%; - text-align: center; - line-height: 50rpx; +.cart-view .item.edit .selnum { + width: 235rpx; + height: 52rpx; + border: 1rpx solid #ccc; + display: flex; } - -.cart-view .group-item .header{ - width: 100%; - height: 94rpx; - line-height: 94rpx; - padding: 0 26rpx; - border-bottom: 1px solid #f4f4f4; +.selnum .cut { + width: 70rpx; + height: 100%; + text-align: center; + line-height: 50rpx; } -.cart-view .promotion .icon{ - display: inline-block; - height: 24rpx; - width: 15rpx; +.selnum .number { + flex: 1; + height: 100%; + text-align: center; + line-height: 68.75rpx; + border-left: 1px solid #ccc; + border-right: 1px solid #ccc; + float: left; } -.cart-view .promotion{ - margin-top: 25.5rpx; - float: left; - height: 43rpx; - width: 480rpx; - /*margin-right: 84rpx;*/ - line-height: 43rpx; - font-size: 0; +.selnum .add { + width: 80rpx; + height: 100%; + text-align: center; + line-height: 50rpx; } -.cart-view .promotion .tag{ - border: 1px solid #f48f18; - height: 37rpx; - line-height: 31rpx; - padding: 0 9rpx; - margin-right: 10rpx; - color: #f48f18; - font-size: 24.5rpx; +.cart-view .group-item .header { + width: 100%; + height: 94rpx; + line-height: 94rpx; + padding: 0 26rpx; + border-bottom: 1px solid #f4f4f4; } -.cart-view .promotion .txt{ - height: 43rpx; - line-height: 43rpx; - padding-right: 10rpx; - color: #333; - font-size: 29rpx; - overflow: hidden; +.cart-view .promotion .icon { + display: inline-block; + height: 24rpx; + width: 15rpx; } -.cart-view .get{ - margin-top: 18rpx; - float: right; - height: 58rpx; - padding-left: 14rpx; - border-left: 1px solid #d9d9d9; - line-height: 58rpx; - font-size: 29rpx; - color: #333; +.cart-view .promotion { + margin-top: 25.5rpx; + float: left; + height: 43rpx; + width: 480rpx; + /*margin-right: 84rpx;*/ + line-height: 43rpx; + font-size: 0; } -.cart-bottom{ - position: fixed; - bottom:0; - left:0; - height: 100rpx; - width: 100%; - background: #fff; - display: flex; +.cart-view .promotion .tag { + border: 1px solid #f48f18; + height: 37rpx; + line-height: 31rpx; + padding: 0 9rpx; + margin-right: 10rpx; + color: #f48f18; + font-size: 24.5rpx; } -.cart-bottom .checkbox{ - height: 34rpx; - - padding-left: 60rpx; - line-height: 34rpx; - margin: 33rpx 18rpx 33rpx 26rpx; - background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/checkbox-0e09baa37e.png) no-repeat; - background-size: 34rpx; - font-size: 29rpx; +.cart-view .promotion .txt { + height: 43rpx; + line-height: 43rpx; + padding-right: 10rpx; + color: #333; + font-size: 29rpx; + overflow: hidden; } -.cart-bottom .checkbox.checked{ - background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/checkbox-checked-822e54472a.png) no-repeat; - background-size: 34rpx; +.cart-view .get { + margin-top: 18rpx; + float: right; + height: 58rpx; + padding-left: 14rpx; + border-left: 1px solid #d9d9d9; + line-height: 58rpx; + font-size: 29rpx; + color: #333; } -.cart-bottom .total{ - height: 34rpx; - flex: 1; - margin: 33rpx 10rpx; - font-size: 29rpx; +.cart-bottom { + position: fixed; + bottom: 0; + left: 0; + height: 100rpx; + width: 100%; + background: #fff; + display: flex; } - -.cart-bottom .delete{ - height: 34rpx; - width: auto; - margin: 33rpx 18rpx; - font-size: 29rpx; +.cart-bottom .checkbox { + height: 34rpx; + padding-left: 60rpx; + line-height: 34rpx; + margin: 33rpx 18rpx 33rpx 26rpx; + background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/checkbox-0e09baa37e.png) no-repeat; + background-size: 34rpx; + font-size: 29rpx; } -.cart-bottom .checkout{ - height: 100rpx; - width: 210rpx; - text-align: center; - line-height: 100rpx; - font-size: 29rpx; - background: #b4282d; - color: #fff; -} \ No newline at end of file +.cart-bottom .checkbox.checked { + background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/checkbox-checked-822e54472a.png) no-repeat; + background-size: 34rpx; +} + +.cart-bottom .total { + height: 34rpx; + flex: 1; + margin: 33rpx 10rpx; + font-size: 29rpx; +} + +.cart-bottom .delete { + text-align: center; + width: 180rpx; + height: 80rpx; + line-height: 82rpx; + padding: 0; + margin: 0; + margin-left: -5rpx; + padding-right: 25rpx; + font-size: 25rpx; + color: #f4f4f4; + /* text-align: center; */ + border-top-left-radius: 0rpx; + border-bottom-left-radius: 0rpx; + border-top-right-radius: 50rpx; + border-bottom-right-radius: 50rpx; + letter-spacing: 3rpx; + background-image: linear-gradient(to right, #9a9ba1 0%, #ae8b9c 100%); +} + +.cart-bottom .checkout { + height: 100rpx; + width: 210rpx; + text-align: center; + line-height: 100rpx; + font-size: 29rpx; + background: #b4282d; + color: #fff; +} + +.action_btn_area { + /* border: 1px solid #333; */ + position: absolute; + display: flex; + justify-content: center; + align-items: center; + right: 0; + top: 0; + width: 380rpx; + height: 100rpx; +} + +.action_btn_area .edit { + width: 140rpx; + /* border: 1px solid #000; */ + height: 80rpx; + line-height: 82rpx; + padding: 0; + margin: 0; + margin-right: 5rpx; + text-align: center; + /* padding-left: 25rpx; */ + font-size: 25rpx; + color: #f4f4f4; + border-top-left-radius: 50rpx; + border-bottom-left-radius: 50rpx; + border-top-right-radius: 50rpx; + border-bottom-right-radius: 50rpx; + letter-spacing: 3rpx; + /* background-image: linear-gradient(to right, #ff7701 100%); */ + background-image: linear-gradient(to right, #AB956D 0%, #AB956D 100%); +} + +.action_btn_area .checkout { + width: 140rpx; + height: 80rpx; + line-height: 82rpx; + padding: 0; + margin: 0; + margin-left: 5rpx; + /* padding-right: 25rpx; */ + font-size: 25rpx; + color: #f4f4f4; + text-align: center; + border-top-left-radius: 50rpx; + border-bottom-left-radius: 50rpx; + border-top-right-radius: 50rpx; + border-bottom-right-radius: 50rpx; + letter-spacing: 3rpx; + background-image: linear-gradient(to right, #9a9ba1 0%, #9a9ba1 100%); +} + +.action_btn_area .delete { + width: 140rpx; + /* border: 1px solid #000; */ + height: 80rpx; + line-height: 82rpx; + padding: 0; + margin: 0; + margin-right: 5rpx; + text-align: center; + padding-left: -5rpx; + font-size: 25rpx; + color: #f4f4f4; + border-top-left-radius: 50rpx; + border-bottom-left-radius: 50rpx; + border-top-right-radius: 50rpx; + border-bottom-right-radius: 50rpx; + letter-spacing: 3rpx; + background-image: linear-gradient(to right, #9a9ba1 0%, #9a9ba1 100%); +} + +.action_btn_area .sure { + text-align: center; + width: 140rpx; + height: 80rpx; + line-height: 82rpx; + padding: 0; + margin: 0; + margin-right: 10rpx; + padding-left: -5rpx; + font-size: 25rpx; + color: #f4f4f4; + /* text-align: center; */ + border-top-left-radius: 50rpx; + border-bottom-left-radius: 50rpx; + border-top-right-radius: 50rpx; + border-bottom-right-radius: 50rpx; + letter-spacing: 3rpx; + background-image: linear-gradient(to right, #AB956D 0%, #AB956D 100%); + /* background-image: linear-gradient(to right, #ff7701 0%, #fe4800 100%); */ +} + +.auth_btn { + position: fixed; + top: 55vh; + left: 10vw; + width: 80vw; + height: 96rpx; + line-height: 96rpx; + font-size: 25rpx; + color: #f4f4f4; + /* text-align: center; */ + border-top-left-radius: 50rpx; + border-bottom-left-radius: 50rpx; + border-top-right-radius: 50rpx; + border-bottom-right-radius: 50rpx; + letter-spacing: 3rpx; + background-image: linear-gradient(to right, #8baaaa 0%, #9a9ba1 100%); +}