兼容 rn 样式

package.json

@@ -53,7 +53,7 @@
     "@tarojs/taro-router-rn": "^1.3.12",
     "@tarojs/taro-router-rn": "^1.3.12",
     "@tarojs/taro-redux-rn": "^1.3.12",
     "@tarojs/taro-redux-rn": "^1.3.12",
     "react": "16.3.1",
     "react": "16.3.1",
-    "react-native": "0.55.4"
+    "react-native": "0.59.8"
   },
   },
   "devDependencies": {
   "devDependencies": {
     "@tarojs/plugin-babel": "1.3.12",
     "@tarojs/plugin-babel": "1.3.12",
@@ -86,4 +86,4 @@
     "tslint-react": "^4.0.0",
     "tslint-react": "^4.0.0",
     "typescript": "^3.0.1"
     "typescript": "^3.0.1"
   }
   }
-}
+}
\ No newline at end of file

src/conpoments/device_item/index.scss

@@ -9,11 +9,12 @@
 }
 }
 
 
 .device-item-img-wrapper {
 .device-item-img-wrapper {
+  @include eject(box-sizing, border-box);
+
   width: 320px;
   width: 320px;
   height: 180px;
   height: 180px;
   padding: 4.5px 8px;
   padding: 4.5px 8px;
   border-radius: 8px;
   border-radius: 8px;
-  box-sizing: border-box;
   border: 1px solid $border-color;
   border: 1px solid $border-color;
 }
 }
 
 

src/conpoments/modal/index.scss

@@ -24,8 +24,8 @@
 }
 }
 
 
 .modal-title {
 .modal-title {
-  display: block;
-  // font-size: 26px;
+  @include eject(display, block);
+
   text-align: center;
   text-align: center;
   padding-bottom: 20px;
   padding-bottom: 20px;
   border: 0 solid $border-color;
   border: 0 solid $border-color;

src/pages/home/device/add/index.scss

@@ -13,12 +13,13 @@
 }
 }
 
 
 .add-device-pin-input {
 .add-device-pin-input {
+  @include eject(box-sizing, border-box);
+
   width: 100%;
   width: 100%;
   height: 60px;
   height: 60px;
   padding: 10px;
   padding: 10px;
   margin: 20px 0;
   margin: 20px 0;
   border-radius: 6px;
   border-radius: 6px;
-  box-sizing: border-box;
   border: 1px solid $border-color;
   border: 1px solid $border-color;
 }
 }
 
 

src/pages/home/tempaltes/conpoments/temp_item/index.scss

@@ -14,13 +14,12 @@
 }
 }
 
 
 .temp-name {
 .temp-name {
-  // display: block;
   @include eject(display, block);
   @include eject(display, block);
+  @include eject(box-sizing, border-box);
 
 
   width: 100%;
   width: 100%;
   font-size: 28px;
   font-size: 28px;
   padding-top: 10px;
   padding-top: 10px;
-  box-sizing: border-box;
   background-color: white;
   background-color: white;
 }
 }
 
 

src/pages/home/tempaltes/scss/index.scss

@@ -17,13 +17,14 @@
 }
 }
 
 
 .search {
 .search {
+  @include eject(box-sizing, border-box);
+
   padding: 0;
   padding: 0;
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
   font-size: 26px;
   font-size: 26px;
   color: #969799;
   color: #969799;
   padding-left: 20px;
   padding-left: 20px;
-  box-sizing: border-box;
   background-color: #f7f8fa;
   background-color: #f7f8fa;
 }
 }
 
 
@@ -33,12 +34,13 @@
 }
 }
 
 
 .scroll-view {
 .scroll-view {
+  @include eject(box-sizing, border-box);
+
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
   padding-top: 20px;
   padding-top: 20px;
   padding-left: 20px;
   padding-left: 20px;
   padding-right: 20px;
   padding-right: 20px;
-  box-sizing: border-box;
 }
 }
 
 
 .list-wrapper {
 .list-wrapper {