Thanks to visit codestin.com
Credit goes to github.com

Skip to content

remax-component/dialog

Repository files navigation

rmc-dialog

Remax 的对话框组件

image

安装

yarn add @remax-component/dialog
# 或者
npm i @remax-component/dialog

使用

import 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>
  );
};

API

名称 类型 默认值 描述
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

TODO

  • [ ]补充更多测试用例
  • 网页端 Demo

License

MIT

About

Remax 对话框组件

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published