Commit df714a01d0337f4c94facde48462133a304a7976
1 parent
3b464bfb
商品详情快捷按钮样式优化
Showing
1 changed file
with
19 additions
and
12 deletions
components/nav_box/nav_box.wxss
| 1 | .box_main{ | 1 | .box_main{ |
| 2 | - width:100rpx; | ||
| 3 | - height:100rpx; | 2 | + width:80rpx; |
| 3 | + height:80rpx; | ||
| 4 | background:#272636; | 4 | background:#272636; |
| 5 | transition:width 0.8s; | 5 | transition:width 0.8s; |
| 6 | -moz-transition:width 0.8s; /* Firefox 4 */ | 6 | -moz-transition:width 0.8s; /* Firefox 4 */ |
| @@ -18,16 +18,19 @@ | @@ -18,16 +18,19 @@ | ||
| 18 | } | 18 | } |
| 19 | 19 | ||
| 20 | .box_main .dian{ | 20 | .box_main .dian{ |
| 21 | - text-align: center; | ||
| 22 | - width:100rpx; | ||
| 23 | - height:100rpx; | ||
| 24 | - color: #ffff; | ||
| 25 | - font-size: 70rpx; | ||
| 26 | - background: none; | 21 | + text-align: center; |
| 22 | +width: 50rpx; | ||
| 23 | +height: 50rpx; | ||
| 24 | +color: #ffff; | ||
| 25 | +font-size: 50rpx; | ||
| 26 | +background: none; | ||
| 27 | + | ||
| 27 | } | 28 | } |
| 28 | 29 | ||
| 29 | .box_main .dian image{ | 30 | .box_main .dian image{ |
| 30 | - width:75rpx; height:30rpx;margin-top:36rpx; | 31 | + width: 60rpx; |
| 32 | +height: 20rpx; | ||
| 33 | +margin: 30rpx 0 0 10rpx; | ||
| 31 | } | 34 | } |
| 32 | 35 | ||
| 33 | .box_main.box_isopen .dian{ | 36 | .box_main.box_isopen .dian{ |
| @@ -46,14 +49,18 @@ | @@ -46,14 +49,18 @@ | ||
| 46 | .box_main .cl_list .item{ | 49 | .box_main .cl_list .item{ |
| 47 | display: inline-block; | 50 | display: inline-block; |
| 48 | width:100rpx; | 51 | width:100rpx; |
| 49 | - height:100rpx; | 52 | + height:80rpx; |
| 50 | text-align: center; | 53 | text-align: center; |
| 51 | - line-height: 100rpx; | 54 | + line-height: 80rpx; |
| 52 | color: #fff; | 55 | color: #fff; |
| 53 | vertical-align: top; | 56 | vertical-align: top; |
| 57 | + font-size: 32rpx; | ||
| 58 | + | ||
| 54 | } | 59 | } |
| 55 | 60 | ||
| 56 | .box_main .cl_list .item.big{ | 61 | .box_main .cl_list .item.big{ |
| 57 | - font-size: 70rpx;line-height: 90rpx; | 62 | + font-size: 70rpx; |
| 63 | +line-height: 70rpx; | ||
| 64 | + | ||
| 58 | } | 65 | } |
| 59 | 66 |