chore: update README and clean up code structure

This commit is contained in:
2026-03-12 14:52:35 +08:00
parent 10a5ac67cc
commit 0afe8e6624
4 changed files with 40 additions and 31 deletions

24
kevisual.json Normal file
View File

@@ -0,0 +1,24 @@
{
"metadata": {
"name": "kevisual",
"share": "public"
},
"ignore": [
".swc"
],
"registry": "https://kevisual.cn/root/ai/kevisual/mini/taro-template",
"clone": {
".": {
"enabled": true
}
},
"syncd": [
{
"files": [
"**/*"
],
"registry": ""
}
],
"sync": {}
}

View File

@@ -0,0 +1,7 @@
#
## clone
```bash
ev sync clone -i https://kevisual.cn/root/ai/kevisual/mini/taro-template/kevisual.json
```

View File

@@ -1,17 +1,17 @@
import React, { useEffect } from 'react'
import { useEffect } from 'react'
import { useDidShow, useDidHide } from '@tarojs/taro'
// 全局样式
import './app.scss'
function App(props) {
// 可以使用所有的 React Hooks
useEffect(() => {})
useEffect(() => { })
// 对应 onShow
useDidShow(() => {})
useDidShow(() => { })
// 对应 onHide
useDidHide(() => {})
useDidHide(() => { })
return props.children
}

View File

@@ -1,13 +1,8 @@
import React, { useState } from 'react'
import { useState } from 'react'
import { View } from '@tarojs/components'
import { Button, ConfigProvider, TextArea, Dialog } from '@nutui/nutui-react-taro'
import enUS from '@nutui/nutui-react-taro/dist/locales/en-US'
import zhCN from '@nutui/nutui-react-taro/dist/locales/zh-CN'
import { ConfigProvider } from '@nutui/nutui-react-taro'
import './index.scss'
function Index() {
const [locale, setLocale] = useState(zhCN)
const localeKey = locale === zhCN ? 'zhCN' : 'enUS'
const [visible, setVisible] = useState(false)
const [translated] = useState({
zhCN: {
welcome: '欢迎使用 NutUI React 开发 Taro 多端项目。',
@@ -20,28 +15,11 @@ function Index() {
open: 'Click Me',
},
})
const handleSwitchLocale = () => {
setLocale(locale === zhCN ? enUS : zhCN)
}
return (
<ConfigProvider locale={locale}>
<ConfigProvider>
<View className='nutui-react-demo'>
<View>{translated[localeKey].welcome}</View>
<View>
<Button type='primary' onClick={handleSwitchLocale}>
{translated[localeKey].button}
</Button>
<Button type='success' onClick={() => setVisible(true)}>
{translated[localeKey].open}
</Button>
<Dialog
visible={visible}
onConfirm={() => setVisible(false)}
onCancel={() => setVisible(false)}>
{translated[localeKey].welcome}
</Dialog>
<TextArea disabled showCount maxLength={20} />
</View>
<View className='welcome'>{translated.zhCN.welcome}</View>
</View>
</ConfigProvider>
)