Remax 的对话框组件
yarn add @remax-component/dialog
# 或者
npm i @remax-component/dialogimport React from "react";
import { View } from "remax/one";
import Checkbox from "@remax-component/dialog";
import "@remax-component/dialog/dist/assets/index.css"; // 亦可引入其它样式
export default () => {
return (
<View>
<Dialog title="一个标题" visible>
<View style={{ height: "100PX", overflow: "scroll" }}>
<View>Scroll</View>
<View>Scroll</View>
<View>Scroll</View>
<View>Scroll</View>
<View>Scroll</View>
<View>Scroll</View>
<View>Scroll</View>
<View>Scroll</View>
<View>Scroll</View>
<View>Scroll</View>
</View>
</Dialog>
</View>
);
};| 名称 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| prefixCls | string |
'rmc-dialog' |
className 前缀 |
| zIndex | `number | undefined` | undefined |
| title 和 footer 和 children | ReactNode |
null |
对话框各部分的内容 |
| transitionName 和 maskTransitionName | `string | undefined` | undefined |
| transitionDuration 和 maskTransitionDuration | `number | undefined` | undefined |
| maskClosable | `boolean | undefined` | true |
| onClose | `((e: TapEvent) => any) | undefined` | undefined |
- [ ]补充更多测试用例
- 网页端 Demo
MIT