Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
59c511fe
A
ant-design
项目概览
wanjj_1210
/
ant-design
与 Fork 源项目一致
从无法访问的项目Fork
通知
10
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
ant-design
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
59c511fe
编写于
10月 27, 2015
作者:
偏
偏右
浏览文件
操作
浏览文件
下载
差异文件
Merge pull request #437 from ant-design/ie8-button-radius-support
support border radius in ie8 via css3pie
上级
e19186f7
602c2d1f
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
26 addition
and
0 deletion
+26
-0
components/button/button.jsx
components/button/button.jsx
+6
-0
components/button/index.md
components/button/index.md
+14
-0
site/templates/layout.html
site/templates/layout.html
+3
-0
style/mixins/button.less
style/mixins/button.less
+3
-0
未找到文件。
components/button/button.jsx
浏览文件 @
59c511fe
import
React
from
'
react
'
;
import
rcUtil
from
'
rc-util
'
;
import
{
findDOMNode
}
from
'
react-dom
'
;
const
rxTwoCNChar
=
/^
[\u
4e00-
\u
9fa5
]{2,2}
$/
;
const
isTwoCNChar
=
rxTwoCNChar
.
test
.
bind
(
rxTwoCNChar
);
...
...
@@ -24,6 +25,11 @@ function insertSpace(child) {
}
export
default
class
Button
extends
React
.
Component
{
componentDidMount
()
{
if
(
window
&&
window
.
PIE
)
{
window
.
PIE
.
attach
(
findDOMNode
(
this
));
}
}
render
()
{
const
props
=
this
.
props
;
const
{
type
,
shape
,
size
,
onClick
,
className
,
htmlType
,
children
,
...
others
}
=
props
;
...
...
components/button/index.md
浏览文件 @
59c511fe
...
...
@@ -29,3 +29,17 @@ loading | 设置按钮载入状态,存在为 `true`,不存在为 `false`,
onClick |
`click`
事件的 handler | Function |
`function() {}`
-
`<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]-->
```
site/templates/layout.html
浏览文件 @
59c511fe
...
...
@@ -15,6 +15,9 @@
<link
rel=
"stylesheet"
href=
"{{static_url('../dist/demo.css')}}"
>
<link
rel=
"stylesheet"
href=
"{{static_url('style.css')}}"
>
<link
rel=
"stylesheet"
href=
"{{static_url('tomorrow.css')}}"
>
<!--[if IE 8]>
<script src="https://t.alipayobjects.com/images/rmsweb/T1q8JiXftaXXXXXXXX.js"></script>
<![endif]-->
<script>
(
function
(
con
)
{
'
use strict
'
;
...
...
style/mixins/button.less
浏览文件 @
59c511fe
...
...
@@ -86,6 +86,9 @@
.user-select(none);
.transition(all .3s @ease-in-out);
transform: translate3d(0, 0, 0);
// Fix for ie8 border-radius
// http://css3pie.com/documentation/known-issues/#z-index
position: relative\0;
> .@{iconfont-css-prefix} {
line-height: 1;
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录