| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| type | 按钮的强调程度类型，可选：normal secondary primary |
string | normal |
| size | 设置按钮大小，可选： small medium large |
string | medium |
| disabled | 设置按钮禁用状态 | boolean | false |
| onPress | 点击 press 事件的 handler |
function | 无 |
| icon | icon的url地址 | 无 | |
| loading | 是否加载中 | boolean | 无 |
/** @jsx createElement */
import {createElement, Component} from 'weex-rx';
import { View, Text} from 'nuke-components';
import { Button, Modal } from 'nuke';
import {mount} from 'nuke-mounter';
let App = class NukeDemoIndex extends Component {
constructor() {
super();
}
press() {
Modal.toast('4444444')
}
render() {
return (
<View>
<View style={{flexDirection:'row',marginBottom:'20rem'}}>
<Button onPress={this.press.bind(this)} type="normal">normal</Button>
<Button onPress={this.press.bind(this)} type="primary">primary</Button>
<Button onPress={this.press.bind(this)} type="secondary">secondary</Button>
</View>
<View>
<Button onPress={this.press.bind(this)} block="true" type="normal">block normal</Button>
</View>
</View>
);
}
}
mount(<App/>, mountNode);
/** @jsx createElement */
import {createElement, Component} from 'weex-rx';
import { View, Text} from 'nuke-components';
import { Button } from 'nuke';
import {mount} from 'nuke-mounter';
let App = class NukeDemoIndex extends Component {
constructor() {
super();
}
press() {
console.log(11111111)
}
render() {
return (
<View>
<View style={{flexDirection:'row',marginBottom:'20rem'}}>
<Button onPress={this.press.bind(this)} size="large">large</Button>
<Button onPress={this.press.bind(this)} size="small">small</Button>
</View>
</View>
);
}
}
mount(<App/>, mountNode);
/** @jsx createElement */
import {createElement, Component} from 'weex-rx';
import { View, Text} from 'nuke-components';
import { Button } from 'nuke';
import {mount} from 'nuke-mounter';
let App = class NukeDemoIndex extends Component {
constructor() {
super();
}
press() {
console.log(11111111)
}
render() {
return (
<View>
<View style={{flexDirection:'row',marginBottom:'20rem'}}>
<Button icon="//img.alicdn.com/tfs/TB1t7x_LpXXXXbLXFXXXXXXXXXX-64-64.png" onPress={this.press.bind(this)} type="secondary">secondary width icon</Button>
<Button loading="true" onPress={this.press.bind(this)} type="primary">加载中</Button>
</View>
<View>
<Button icon="//img.alicdn.com/tfs/TB1t7x_LpXXXXbLXFXXXXXXXXXX-64-64.png" onPress={this.press.bind(this)} block="true" type="normal">block normal</Button>
</View>
</View>
);
}
}
mount(<App/>, mountNode);
