商品详情快捷按钮样式优化

season
1 parent 3b464bfb
Showing 1 changed file with 19 additions and 12 deletions
components/nav_box/nav_box.wxss
 .box_main{
-    width:100rpx;
-    height:100rpx;
+    width:80rpx;
+    height:80rpx;
     background:#272636;
     transition:width 0.8s;
     -moz-transition:width 0.8s; /* Firefox 4 */
@@ -18,16 +18,19 @@
 }
  
 .box_main .dian{
-    text-align: center;
-    width:100rpx;
-    height:100rpx;  
-    color: #ffff;
-    font-size: 70rpx;
-    background: none;
+  text-align: center;
+width: 50rpx;
+height: 50rpx;
+color: #ffff;
+font-size: 50rpx;
+background: none;
+
 }
  
 .box_main .dian image{
-   width:75rpx; height:30rpx;margin-top:36rpx;
+  width: 60rpx;
+height: 20rpx;
+margin: 30rpx 0 0 10rpx;
 }
  
 .box_main.box_isopen  .dian{
@@ -46,14 +49,18 @@
 .box_main .cl_list .item{
     display: inline-block;
     width:100rpx;
-    height:100rpx;
+    height:80rpx;
     text-align: center;
-    line-height: 100rpx;
+    line-height: 80rpx;
     color: #fff;
     vertical-align: top;
+    font-size: 32rpx;
+
 }
  
 .box_main .cl_list .item.big{
-    font-size: 70rpx;line-height: 90rpx;
+  font-size: 70rpx;
+line-height: 70rpx;
+
 }