fix(rn): modal 关闭按钮位置

Author: QiuShuiBai

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

@@ -4,6 +4,6 @@ $modal-title-line-height := 133%
 // @type modal-content
 $modal-content-line-height := 120%
 
-$modal-close-icon-width := 24px
+$modal-close-icon-width := 16px
 
-$modal-close-icon-height := 24px
+$modal-close-icon-height := 28px

packages/mpx-cube-ui/lib/components/modal/css.rn.styl

@@ -41,11 +41,13 @@
   top $var(modal-close-icon-top)
   right $var(modal-close-icon-right)
   padding-all($var(modal-close-icon-padding-top), $var(modal-close-icon-padding-right), $var(modal-close-icon-padding-bottom), $var(modal-close-icon-padding-left))
+
+.cube-modal-close-icon
+  width $var(modal-close-icon-width)
+  height $var(modal-close-icon-height)
   font-size $var(modal-close-icon-font-size)
   font-weight $var(modal-close-icon-font-weight)
   color $var(modal-close-icon-color)
-  width $var(modal-close-icon-width)
-  height $var(modal-close-icon-height)
 
 .cube-modal-body
   // 特例：picker、radio-modal、checkbox-modal 需用到，写法上不做合并

packages/mpx-cube-ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mpxjs/mpx-cube-ui",
-  "version": "1.4.17",
+  "version": "1.4.18-beta.0",
   "description": "mpx components library",
   "author": "xiaolei <xiaolei@didichuxing.com>",
   "publishConfig": {