diff --git a/packages/mini-demo/src/pages/radio/component/basic.tsx b/packages/mini-demo/src/pages/radio/component/basic.tsx
new file mode 100644
index 000000000..8d7d0f900
--- /dev/null
+++ b/packages/mini-demo/src/pages/radio/component/basic.tsx
@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { List, Panel, Radio } from 'zarm/mini';
+
+const Demo = () => {
+ return (
+
+
+
+ 普通
+
+
+ 默认选中
+
+
+ 禁用
+
+
+
+ 选中且禁用
+
+
+
+
+ );
+};
+
+export default Demo;
diff --git a/packages/mini-demo/src/pages/radio/component/button.tsx b/packages/mini-demo/src/pages/radio/component/button.tsx
new file mode 100644
index 000000000..41fccbfc5
--- /dev/null
+++ b/packages/mini-demo/src/pages/radio/component/button.tsx
@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { List, Panel, Radio } from 'zarm/mini';
+
+const Demo = () => {
+ return (
+
+
+
+ 选项一
+ 选项二
+ 选项三
+
+
+
+
+ 选项一
+ 选项二
+ 选项三
+
+
+
+
+ 选项一
+ 选项二
+ 选项三
+
+
+
+
+ 选项一
+ 选项二
+ 选项三
+
+
+
+ );
+};
+
+export default Demo;
diff --git a/packages/mini-demo/src/pages/radio/component/group.tsx b/packages/mini-demo/src/pages/radio/component/group.tsx
new file mode 100644
index 000000000..78c0f2b32
--- /dev/null
+++ b/packages/mini-demo/src/pages/radio/component/group.tsx
@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { List, Panel, Radio } from 'zarm/mini';
+
+const Demo = () => {
+ const [value, setValue] = React.useState([]);
+
+ const onChange = (val) => {
+ console.log('onChange', val);
+ setValue(val);
+ };
+
+ return (
+
+
+
+
+ 选项一
+ 选项二
+ 选项三
+
+
+
+
+ );
+};
+
+export default Demo;
diff --git a/packages/mini-demo/src/pages/radio/component/list.tsx b/packages/mini-demo/src/pages/radio/component/list.tsx
new file mode 100644
index 000000000..4d6c30e9b
--- /dev/null
+++ b/packages/mini-demo/src/pages/radio/component/list.tsx
@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { List, Panel, Radio } from 'zarm/mini';
+
+const Demo = () => {
+ return (
+ <>
+
+
+ 选项一
+ 选项二
+
+ 选项三（禁止选择）
+
+
+
+
+
+
+ 选项一
+ 选项二
+
+
+
+
+ );
+};
+
+export default Demo;
diff --git a/packages/mini-demo/src/pages/radio/index.tsx b/packages/mini-demo/src/pages/radio/index.tsx
index 17adfe7be..c833f9816 100644
--- a/packages/mini-demo/src/pages/radio/index.tsx
+++ b/packages/mini-demo/src/pages/radio/index.tsx
@@ -1,91 +1,17 @@
-import { View } from '@tarojs/components';
import * as React from 'react';
-import { List, Radio } from 'zarm/mini';
+import Basic from './component/basic';
+import Button from './component/button';
+import Group from './component/group';
+import List from './component/list';
import './index.scss';
-const Demo = () => {
- const [value, setValue] = React.useState([]);
-
- const onChange = (value) => {
- console.log('onChange', value);
- setValue(value);
- };
-
+export default () => {
return (
-
- 基本用法
-
-
- 普通
-
-
- 默认选中
-
-
- 禁用
-
-
-
- 选中且禁用
-
-
-
- 组合使用
-
-
-
- 选项一
- 选项二
- 选项三
-
-
-
- 列表样式
-
- 选项一
- 选项二
-
- 选项三（禁止选择）
-
-
- 通栏样式
-
-
- 选项一
- 选项二
-
-
- 按钮样式
-
-
- 选项一
- 选项二
- 选项三
-
-
-
-
- 选项一
- 选项二
- 选项三
-
-
-
-
- 选项一
- 选项二
- 选项三
-
-
-
-
- 选项一
- 选项二
- 选项三
-
-
-
+ <>
+
+
+
+
+
);
};
-
-export default Demo;
diff --git a/packages/zarm/src/radio/demo/basic.mini.tsx b/packages/zarm/src/radio/demo/basic.mini.tsx
index f0d153bc2..8d7d0f900 100644
--- a/packages/zarm/src/radio/demo/basic.mini.tsx
+++ b/packages/zarm/src/radio/demo/basic.mini.tsx
@@ -1,11 +1,9 @@
-import { View } from '@tarojs/components';
import * as React from 'react';
-import { List, Radio } from 'zarm/mini';
+import { List, Panel, Radio } from 'zarm/mini';
const Demo = () => {
return (
-
- 基本用法
+
普通
@@ -22,7 +20,7 @@ const Demo = () => {
-
+
);
};
diff --git a/packages/zarm/src/radio/demo/button.mini.tsx b/packages/zarm/src/radio/demo/button.mini.tsx
index 009ed2df3..41fccbfc5 100644
--- a/packages/zarm/src/radio/demo/button.mini.tsx
+++ b/packages/zarm/src/radio/demo/button.mini.tsx
@@ -1,11 +1,9 @@
-import { View } from '@tarojs/components';
import * as React from 'react';
-import { List, Radio } from 'zarm/mini';
+import { List, Panel, Radio } from 'zarm/mini';
const Demo = () => {
return (
-
- 按钮样式
+
选项一
@@ -34,7 +32,7 @@ const Demo = () => {
选项三
-
+
);
};
diff --git a/packages/zarm/src/radio/demo/group.mini.tsx b/packages/zarm/src/radio/demo/group.mini.tsx
index 65496e26e..78c0f2b32 100644
--- a/packages/zarm/src/radio/demo/group.mini.tsx
+++ b/packages/zarm/src/radio/demo/group.mini.tsx
@@ -1,6 +1,5 @@
-import { View } from '@tarojs/components';
import * as React from 'react';
-import { List, Radio } from 'zarm/mini';
+import { List, Panel, Radio } from 'zarm/mini';
const Demo = () => {
const [value, setValue] = React.useState([]);
@@ -11,8 +10,7 @@ const Demo = () => {
};
return (
-
- 组合使用
+
@@ -22,7 +20,7 @@ const Demo = () => {
-
+
);
};
diff --git a/packages/zarm/src/radio/demo/list.mini.tsx b/packages/zarm/src/radio/demo/list.mini.tsx
index a71ecd784..4d6c30e9b 100644
--- a/packages/zarm/src/radio/demo/list.mini.tsx
+++ b/packages/zarm/src/radio/demo/list.mini.tsx
@@ -1,26 +1,27 @@
-import { View } from '@tarojs/components';
import * as React from 'react';
-import { List, Radio } from 'zarm/mini';
+import { List, Panel, Radio } from 'zarm/mini';
const Demo = () => {
return (
-
- 列表样式
-
- 选项一
- 选项二
-
- 选项三（禁止选择）
-
-
- 通栏样式
-
-
+ <>
+
+
选项一
选项二
+
+ 选项三（禁止选择）
+
-
-
+
+
+
+
+ 选项一
+ 选项二
+
+
+
+
);
};
diff --git a/packages/zarm/src/radio/style/index.mini.ts b/packages/zarm/src/radio/style/index.mini.ts
index c2e730a0c..5229a6cd9 100644
--- a/packages/zarm/src/radio/style/index.mini.ts
+++ b/packages/zarm/src/radio/style/index.mini.ts
@@ -1,4 +1,5 @@
+import '../../button/style/index.mini';
import '../../icon/style';
-import '../../list/style';
+import '../../list/style/index.mini';
import '../../style';
import './index.scss';