mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-14 16:19:15 +08:00
Merge branch 'master' of github.com:ant-design/ant-design
This commit is contained in:
commit
701282e2db
@ -25,11 +25,6 @@ function insertSpace(child) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export default class Button extends React.Component {
|
export default class Button extends React.Component {
|
||||||
componentDidMount() {
|
|
||||||
if (window && window.PIE) {
|
|
||||||
window.PIE.attach(findDOMNode(this));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
handleClick(...args) {
|
handleClick(...args) {
|
||||||
const buttonNode = findDOMNode(this);
|
const buttonNode = findDOMNode(this);
|
||||||
buttonNode.className = buttonNode.className.replace(`${prefix}clicked`, '');
|
buttonNode.className = buttonNode.className.replace(`${prefix}clicked`, '');
|
||||||
|
@ -29,17 +29,3 @@ loading | 设置按钮载入状态 | boolean | false
|
|||||||
onClick | `click` 事件的 handler | function | `function() {}`
|
onClick | `click` 事件的 handler | function | `function() {}`
|
||||||
|
|
||||||
- `<Button>Hello world!</Button>` 最终会被渲染为 `<button>Hello world!</button>`,并且除了上表中的属性,其它属性都会直接传到 `<button></button>`
|
- `<Button>Hello world!</Button>` 最终会被渲染为 `<button>Hello world!</button>`,并且除了上表中的属性,其它属性都会直接传到 `<button></button>`
|
||||||
|
|
||||||
|
|
||||||
### IE8 border radius support
|
|
||||||
|
|
||||||
Ant Design 视觉上采用渐进降级的方案,在 IE8 下圆角按钮将降级为直角。
|
|
||||||
如果强烈需要圆角按钮,我们提供了 [css3pie](http://css3pie.com/) 的兼容方案。
|
|
||||||
|
|
||||||
使用时只需在 html 头部加入以下代码即可。
|
|
||||||
|
|
||||||
```html
|
|
||||||
<!--[if IE 8]>
|
|
||||||
<script src="https://t.alipayobjects.com/images/rmsweb/T1q8JiXftaXXXXXXXX.js"></script>
|
|
||||||
<![endif]-->
|
|
||||||
```
|
|
||||||
|
@ -23,7 +23,7 @@ class Transfer extends Component {
|
|||||||
splitDataSource() {
|
splitDataSource() {
|
||||||
const { targetKeys, dataSource } = this.props;
|
const { targetKeys, dataSource } = this.props;
|
||||||
|
|
||||||
let leftDataSource = Object.assign([], dataSource);
|
let leftDataSource = [...dataSource];
|
||||||
let rightDataSource = [];
|
let rightDataSource = [];
|
||||||
|
|
||||||
if (targetKeys.length > 0) {
|
if (targetKeys.length > 0) {
|
||||||
|
@ -102,7 +102,7 @@ Ant Design React 支持所有的现代浏览器和 IE8+。
|
|||||||
|
|
||||||
<style>
|
<style>
|
||||||
.code-line-highlight {
|
.code-line-highlight {
|
||||||
box-shadow: 0px 195px 0px rgba(255, 207, 0, 0.16);
|
box-shadow: 0px 184px 0px rgba(255, 207, 0, 0.16);
|
||||||
height: 42px;
|
height: 42px;
|
||||||
margin-top: -42px;
|
margin-top: -42px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -13,9 +13,6 @@
|
|||||||
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
|
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
|
||||||
{% block styles %}{% endblock %}
|
{% block styles %}{% endblock %}
|
||||||
<link rel="stylesheet" href="{{static_url('../dist/demo.css')}}?20160114">
|
<link rel="stylesheet" href="{{static_url('../dist/demo.css')}}?20160114">
|
||||||
<!--[if IE 8]>
|
|
||||||
<script src="https://t.alipayobjects.com/images/rmsweb/T1q8JiXftaXXXXXXXX.js"></script>
|
|
||||||
<![endif]-->
|
|
||||||
<script src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.1.14/es5-shim.min.js,es5-shim/4.1.14/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js,jquery/1.11.3/jquery.min.js,bluebird/3.1.1/bluebird.min.js"></script>
|
<script src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.1.14/es5-shim.min.js,es5-shim/4.1.14/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js,jquery/1.11.3/jquery.min.js,bluebird/3.1.1/bluebird.min.js"></script>
|
||||||
<script>
|
<script>
|
||||||
(function() {
|
(function() {
|
||||||
|
Loading…
Reference in New Issue
Block a user