ost-ui/docs/static/js/12.968a997d5fcf.js

ost ui for react

(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{77:function(n,s){n.exports="## OstLoading 示例\n\n  \n```jsx\n:::$demo\nclass Demo extends Component {\n\n    constructor(props) {\n        super(props);\n        this.state = {\n            show: false\n        }\n    }\n\n    render() {\n       return( \n            <div>\n                <OstList.card>\n                    <OstList title='普通弹窗-1'>\n                        <OstList.item arrowTo='right' onClick={()=>this.setState({show: true})} text=\"点击展示\" />\n                    </OstList>\n                </OstList.card>\n                <OstModal.basic\n                        show={this.state.show}\n                            text = {{\n                            primary: '主标题',\n                            secondary: [\n                                <span key='1' style={{display: 'block'}}>1.列表内容一</span>,\n                                <span key='2' style={{display: 'block'}}>2.列表内容二</span>,\n                                <span key='3' style={{display: 'block'}}>3.列表内容三</span>,\n                                <span key='4' style={{display: 'block'}}>4.列表内容四</span>\n                            ]\n                            }}\n                            button={[\n                                {\n                                    text: '知道了',\n                                    onPress: () => this.setState({show: false})\n                                }\n                            ]} />\n            </div>\n       )\n    }\n}\n:::$\n```\n```jsx\n:::$demo\nclass Demo extends Component {\n    \n    constructor(props) {\n        super(props);\n        this.state = {\n            show: false\n        }\n    }\n\n    render() {\n       return( \n            <div>\n            <OstList.card>\n                <OstList title='普通弹窗-2'>\n                    <OstList.item arrowTo='right' onClick={()=>this.setState({show: true})} text=\"点击展示\" />\n                </OstList>\n            </OstList.card>\n                <OstModal.basic\n                        show={this.state.show}\n                            text = {{\n                                primary: '确定支付这笔吗？'\n                            }}\n                            button={[\n                            {\n                                text: '确定',\n                                onPress: () => this.setState({show: false})\n                            },\n                            {\n                              text: '取消',\n                              onPress: () => this.setState({show: false})\n                            }\n                            ]} />\n            </div>\n       )\n    }\n}\n:::$\n```\n"}}]);