mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-08-05 23:46:28 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

lg => large, sm => small

Browse Source
This commit is contained in:
afc163 2015-10-26 11:02:48 +08:00
parent 5b448af596
commit cad3fdff45
10 changed files with 27 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/button/demo/icon.md
View File

@ -11,10 +11,10 @@ var Button = antd.Button;
var Icon = antd.Icon;
ReactDOM.render(<div>
<Button type="primary" shape="circle" size="lg">
<Button type="primary" shape="circle" size="large">
<Icon type="search" />
</Button>
<Button type="primary" size="lg">
<Button type="primary" size="large">
<Icon type="search" />
大按钮
</Button>
@ -27,23 +27,23 @@ ReactDOM.render(<div>
中按钮
</Button>
<Button type="primary" shape="circle" size="sm">
<Button type="primary" shape="circle" size="small">
<Icon type="search" />
</Button>
<Button type="primary" size="sm">
<Button type="primary" size="small">
<Icon type="search" />
小按钮
</Button>
<br />
<Button type="ghost" shape="circle-outline" size="lg">
<Button type="ghost" shape="circle-outline" size="large">
<Icon type="search" />
</Button>
<Button type="ghost" shape="circle-outline">
<Icon type="search" />
</Button>
<Button type="ghost" shape="circle-outline" size="sm">
<Button type="ghost" shape="circle-outline" size="small">
<Icon type="search" />
</Button>
</div>,

4
components/button/demo/loading.md
View File

@ -22,13 +22,13 @@ var App = React.createClass({
},
render() {
return <div>
<Button type="primary" size="lg" loading>
<Button type="primary" size="large" loading>
加载中
</Button>
<Button type="primary" loading="true">
加载中
</Button>
<Button type="primary" size="sm" loading>
<Button type="primary" size="small" loading>
加载中
</Button>
<br />

8
components/button/demo/shape.md
View File

@ -11,23 +11,23 @@ var Button = antd.Button;
var Icon = antd.Icon;
ReactDOM.render(<div>
<Button type="primary" shape="circle" size="lg">
<Button type="primary" shape="circle" size="large">
<Icon type="search" />
</Button>
<Button type="primary" shape="circle">
<Icon type="search" />
</Button>
<Button type="primary" shape="circle" size="sm">
<Button type="primary" shape="circle" size="small">
<Icon type="search" />
</Button>
<br />
<Button type="ghost" shape="circle-outline" size="lg">
<Button type="ghost" shape="circle-outline" size="large">
<Icon type="search" />
</Button>
<Button type="ghost" shape="circle-outline">
<Icon type="search" />
</Button>
<Button type="ghost" shape="circle-outline" size="sm">
<Button type="ghost" shape="circle-outline" size="small">
<Icon type="search" />
</Button>
</div>

4
components/checkbox/demo/controller.md
View File

@ -31,12 +31,12 @@ var App = React.createClass({
</label>
</p>
<p>
<Button type="primary" size="sm"
<Button type="primary" size="small"
onClick={this.toggleChecked}>
{!this.state.checked ? "选中":"取消"}
</Button>
<Button style={{'marginLeft': '10px'}}
type="primary" size="sm"
type="primary" size="small"
onClick={this.toggleDisable}>
{!this.state.disabled ? "不可用":"可用"}
</Button>

10
components/modal/confirm.jsx
View File

@ -73,18 +73,18 @@ export default function (props) {
<div className="ant-confirm-content">{props.content}</div>
</div>;
let footer = <div className="ant-confirm-btns">
<Button size="lg" onClick={onCancel}>取 消</Button>
<Button type="primary" size="lg" onClick={onOk}>确 定</Button>
<Button size="large" onClick={onCancel}>取 消</Button>
<Button type="primary" size="large" onClick={onOk}>确 定</Button>
</div>;
if (props.okCancel) {
footer = <div className="ant-confirm-btns">
<Button size="lg" onClick={onCancel}>取 消</Button>
<Button type="primary" size="lg" onClick={onOk}>确 定</Button>
<Button size="large" onClick={onCancel}>取 消</Button>
<Button type="primary" size="large" onClick={onOk}>确 定</Button>
</div>;
} else {
footer = <div className="ant-confirm-btns">
<Button type="primary" size="lg" onClick={onOk}>知道了</Button>
<Button type="primary" size="large" onClick={onOk}>知道了</Button>
</div>;
}

4
components/modal/demo/footer.md
View File

@ -40,8 +40,8 @@ var Test = React.createClass({
visible={this.state.visible}
title="对话框标题" onOk={this.handleOk} onCancel={this.handleCancel}
footer={[
<Button key="back" size="lg" onClick={this.handleCancel}>返 回</Button>,
<Button key="submit" type="primary" size="lg" loading={this.state.loading} onClick={this.handleOk}>
<Button key="back" size="large" onClick={this.handleCancel}>返 回</Button>,
<Button key="submit" type="primary" size="large" loading={this.state.loading} onClick={this.handleOk}>
提 交
</Button>
]}>

4
components/modal/index.jsx
View File

@ -76,10 +76,10 @@ let AntModal = React.createClass({
render() {
let props = this.props;
let defaultFooter = [
<Button key="cancel" size="lg" onClick={this.handleCancel}>取 消</Button>,
<Button key="cancel" size="large" onClick={this.handleCancel}>取 消</Button>,
<Button key="confirm"
type="primary"
size="lg"
size="large"
loading={this.state.confirmLoading}
onClick={this.handleOk}>
确 定

2
components/notification/demo/with-btn.md
View File

@ -20,7 +20,7 @@ var openNotification = function() {
// 隐藏提醒框
notification.close(key);
};
var btn = <Button type="primary" size="sm" onClick={btnClick}>
var btn = <Button type="primary" size="small" onClick={btnClick}>
自定义关闭按钮并触发回调函数
</Button>;
notification.open({

4
components/popconfirm/index.jsx
View File

@ -48,8 +48,8 @@ export default React.createClass({
</p>
<div className={prefixCls + '-buttons'}>
<Button onClick={this.cancel} size="sm">取 消</Button>
<Button onClick={this.confirm} type="primary" size="sm">确 定</Button>
<Button onClick={this.cancel} size="small">取 消</Button>
<Button onClick={this.confirm} type="primary" size="small">确 定</Button>
</div>
</div>
</div>;

2
components/tree/demo/special.md
View File

@ -59,7 +59,7 @@ class TreeDemo extends React.Component {
</TreeNode>
<TreeNode key="p12" title="leaf"/>
</Tree>
<Button type="primary" size="sm" onClick={this.handleClick}>点此控制树节点</Button>
<Button type="primary" size="small" onClick={this.handleClick}>点此控制树节点</Button>
</div>);
}
}