fix(safearea): harmony适配 (#2745)

irisSong · web-flow · commit 47afee60dbd5 · 2024-11-14T15:08:36.000+08:00
* fix: harmony适配

* fix: css update
diff --git a/src/config.json b/src/config.json
@@ -235,7 +235,7 @@
           "author": "hx"
         },
         {
-          "version": "2.0.0",
+          "version": "3.0.0",
           "name": "SafeArea",
           "type": "component",
           "cName": "安全区",
diff --git a/src/packages/safearea/demos/taro/demo1.tsx b/src/packages/safearea/demos/taro/demo1.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { View, Text } from '@tarojs/components'
+import { ScrollView, Text } from '@tarojs/components'
 import { SafeArea } from '@nutui/nutui-react-taro'
 
 function generateRandomTextArray(count: number) {
@@ -19,10 +19,10 @@ function generateRandomTextArray(count: number) {
 
 const Demo1 = () => {
   return (
-    <View>
+    <ScrollView>
       <Text>{generateRandomTextArray(900).join(' ')}</Text>
       <SafeArea position="bottom" />
-    </View>
+    </ScrollView>
   )
 }
 
diff --git a/src/packages/safearea/safearea.harmony.css b/src/packages/safearea/safearea.harmony.css
@@ -1,5 +1,5 @@
 .nut-safe-area {
-  display: block;
+  display: flex;
   width: 100%;
 }
 .nut-safe-area-position-top {
diff --git a/src/packages/safearea/safearea.scss b/src/packages/safearea/safearea.scss
@@ -1,5 +1,5 @@
 .nut-safe-area {
-  display: block;
+  display: flex;
   width: 100%;
 
   &-position-top {
