chore: button 样式

Author: QiuShuiBai

packages/mpx-cube-ui/lib/common/stylus/mixin.styl

@@ -10,7 +10,7 @@ border-top-1px($color)
     border-top 1px solid $color
     transform-origin 0 0
     pointer-events none
-    @media (min-resolution: 2dppx)
+    @media (min-resolution: 1dppx), (min-resolution: 2dppx)
       width 200%
       transform scale(.5) translateZ(0)
     @media (min-resolution: 3dppx)
@@ -29,7 +29,7 @@ border-bottom-1px($color)
     border-bottom 1px solid $color
     transform-origin 0 0
     pointer-events none
-    @media (min-resolution: 2dppx)
+    @media (min-resolution: 1dppx), (min-resolution: 2dppx)
       width 200%
       transform scale(.5) translateZ(0)
     @media (min-resolution: 3dppx)
@@ -48,7 +48,7 @@ border-right-1px($color)
     border-right 1px solid $color
     transform-origin 0 0
     pointer-events none
-    @media (min-resolution: 2dppx)
+    @media (min-resolution: 1dppx), (min-resolution: 2dppx)
       height 200%
       transform scale(.5) translateZ(0)
     @media (min-resolution: 3dppx)
@@ -67,7 +67,7 @@ border-left-1px($color)
     border-left 1px solid $color
     transform-origin 0 0
     pointer-events none
-    @media (min-resolution: 2dppx)
+    @media (min-resolution: 1dppx), (min-resolution: 2dppx)
       height 200%
       transform scale(.5) translateZ(0)
     @media (min-resolution: 3dppx)
@@ -90,7 +90,7 @@ border-1px($color = #ccc, $radius = 2PX, $style = solid)
     transform-origin 0 0
     transform-origin -0.1px 0
     pointer-events none
-    @media (min-resolution: 2dppx)
+    @media (min-resolution: 1dppx), (min-resolution: 2dppx)
       width 200%
       height 200%
       border-radius 'calc(%s * 2)' % $radius
@@ -105,7 +105,7 @@ border-1px-reset($color = #ccc, $radius = 2PX, $style = solid)
   &::after
     border 1PX $style $color
     border-radius $radius
-    @media (min-resolution: 2dppx)
+    @media (min-resolution: 1dppx), (min-resolution: 2dppx)
       border-radius 'calc(%s * 2)' % $radius
     @media (min-resolution: 3dppx)
       border-radius 'calc(%s * 3)' % $radius

packages/mpx-cube-ui/lib/common/stylus/theme/components/button.styl

@@ -26,7 +26,7 @@ $btn-font-weight := inherit // 按钮字重
 // btn-layer
 $btn-display := block // 按钮显示方式
 $btn-height := auto // 按钮高度
-$btn-flex-direction := row // 按钮flex方向
+$btn-flex-direction := column // 按钮flex方向
 $btn-align-items := normal // 按钮对齐方式
 $btn-justify-content := normal // 按钮内容对齐方式
 $btn-width := auto // 按钮宽度

packages/mpx-cube-ui/src/common/stylus/theme/components/button.styl

@@ -26,7 +26,7 @@ $btn-font-weight := inherit // 按钮字重
 // btn-layer
 $btn-display := block // 按钮显示方式
 $btn-height := auto // 按钮高度
-$btn-flex-direction := row // 按钮flex方向
+$btn-flex-direction := column // 按钮flex方向
 $btn-align-items := normal // 按钮对齐方式
 $btn-justify-content := normal // 按钮内容对齐方式
 $btn-width := auto // 按钮宽度