0.1.71 • Published 7 years ago
@beisen/CommonPop v0.1.71
CommonPop 使用说明
项目运行
cnpm install 或 npm install cnpm使用教程
npm run dev (开发环境打包 port:8080)
npm run test (测试用例)
npm run build (生产环境打包)
CommonPop参数
const PopData = {
'title':"弹窗" //头部名称
,"hasHeader":true //是否显示头部
,"hasFooter":true //是否显示底部,含有确定取消按钮
,"dataType":"component" //string 字符串 component 组件
,"data":"确定要删除吗?" //需要传入引入组件的数据
,"hidden":false //隐藏弹窗
,"hasRender":true //传入的组件是否已渲染,只有当dateType为component时有效
,"animation":false //是否使用弹窗自带的动画特效 默认为true ,无该参数或值为true则使用弹窗特效
,"ClosePop":true //当点击非弹窗地方时是否关闭弹窗
,"style":{ //设置弹窗内容的样式
"maxWidth":"100px"
,"maxHeight":"100px"
}
}
CommonPop调用方法
引用组件
import CommonPop from "./src/index"
传入参数
该参数为上述参数,传入方式使用: data={参数}
该组件需要通过一个按钮点击弹出,所以此处模拟一个按钮事件 可以向弹窗中传入一个别的组件来以弹窗的形式显示它, //通过import引入其它组件 // import DemoComponent frome "./xxx" //示例demo class DemoComponent extends Component{ render () { return ( <div style={{"width":"1000px","height":"200px"}}> <input ref='testInput' onChange={::this.inputChange}/> <button onClick={::this.submit} /> </div> ) } } state= { "popShow":false } handelClick(){ this.setState({popShow:true}) } //closebtn 回调 closePop(e){ console.log(e); this.setState({popShow:false}); } //确定按钮回调 submitPop(e){ console.log(e); this.setState({popShow:false}); } render () { let testComponent = <DemoComponent />; //传入一个已渲染的组件 //PopComponent(需要传入的组件) 该参数可以不定义, let commonPop = this.state.popShow?<CommonPop {...PopData} PopComponent={component} submitPop={::this.submitPop} closePop={::this.closePop}/>:""; return ( <div> <button onClick={::this.handelClick}></button> {commonPop} </div> ) }
0.1.71
7 years ago
0.1.70-2
7 years ago
0.1.70-1
7 years ago
0.1.70
7 years ago
0.1.69
7 years ago
0.1.68
7 years ago
0.1.67
7 years ago
0.1.66
7 years ago
0.1.65
7 years ago
0.1.64
7 years ago
0.1.63
7 years ago
0.1.62
7 years ago
0.1.61
7 years ago
0.1.60
7 years ago
0.1.59
7 years ago
0.1.58
7 years ago
0.1.55
7 years ago
0.1.54
7 years ago
0.1.53
7 years ago
0.1.52
7 years ago
0.1.51
7 years ago
0.1.50
7 years ago
0.1.49
7 years ago
0.1.48
7 years ago
0.1.47
7 years ago
0.1.46
8 years ago
0.1.45
8 years ago
0.1.44
8 years ago
0.1.42
8 years ago
0.1.40
8 years ago
0.1.39
8 years ago
0.1.38
8 years ago
0.1.31
8 years ago
0.1.37
8 years ago
0.0.1-50
8 years ago
0.1.36
8 years ago
0.1.34
8 years ago