ant-design / ant-design Goto Github PK
View Code? Open in Web Editor NEWAn enterprise-class UI design language and React UI library
Home Page: https://ant.design
License: MIT License
An enterprise-class UI design language and React UI library
Home Page: https://ant.design
License: MIT License
var dataSource = new Table.DataSource({
url: 'xxx',
getParams: function() { ... }
...
});
// 重新拉取数据
dataSource.fetch();
npm install :)
目前是独立的 webpack-config.js 。
tooltip popover popconfirm 等组件位置偏移
branch: 0.8.0
类似省市联动那样的,做一个简单的 demo 。
报如下错:
TypeError: menu.handleKeyDown is not a function
Hello,
when resizing the textarea, it exceeds the maximum width.
I'd suggest to set the max-width to 100% to prevent it from coming out of the container.
:)
每个代码片段分为三块:
0.8.0
正式发布上线。
0.9.0
补充几个新组件,完善旧组件的演示。
已有组件补充:
竖版
button style
0.10.0
按 @tsj1107 的建议,统一调整成铺满格子。
装了nico,但是一旦当我执行npm start,或者直接nico server时,会打开nico.js文件,而不是启动server。此问题只在windows下有,mac下正常
快速上手 按照步骤做不work!
index.css 缺失。能不能在 antd init 后,生成可运行的demo。
类似Yeoman的generator-webapp做法。
需要修改动画的组件:
需要补充动画的组件:
项目确实很赞,但作为纯前端新手,找不到导航组件和底部标签组件额。
Hi there,
Is there any plan to employ the fast click for mobile devices?
https://github.com/JakeSidSmith/react-fastclick
http://stackoverflow.com/questions/24335821/can-i-fastclick-reactjs-running-in-cordova/30316754#30316754
Interesting project, but would appreciate lots an English translation 😄
select
、datepicker
、input-number
支持三套大小:
和 input 的三种大小保持一致:http://ant.design/components/form/#code-box-components-form-demo-input-size
您们好!
问题:
如果我再写好的html结构中,如何在引用antd-0.1.0-beta1.js后,可以使用ant.design提供的组件?我发现组件中的HTML结构是 React.render 出来的。
说明:
之前一直用你们的kissy,如今发现很多demo页面链接错误了。
发现了你们这个新的框架。非常感谢!
我的问题时很弱智,由于我乐视网是做设计的,但会写点HTML做些专题页面。引用你们的kissy库就可以使用一些组件。现在ant框架没有html结构的组件实例。
方案:用 nico 模板读取本地组件列表,生成一个静态的 json 用作数据源。
感觉比bootstrap 清爽, 如果独立出来, 可以方便不适用React的用户
每次都会在当前目录切换,把 idea/webstorm 的项目配置目录都删掉了,下次打不开项目
要准备开始写历史记录了。
less 改着改着,服务器 watch 就失败,自动关闭了
circle -> round 圆
circleo -> circle 圈
通过npm install安装 lib下的index.css语法有错误导致使用webpack的cssloader报错
3298行
> .ant-btn-group {
float: left;
}
> .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
border-radius: 0;
}
> .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
padding-right: 8px;
}
> .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
padding-left: 8px;
}
麻烦看一下 谢谢
2017.05.13 更新,欢迎将您的脚手架提交到:http://scaffold.ant.design/
这里将长期收集社区提供的一些 antd 周边的开发资源和例子,帮助你探索其他人是怎么进行开发的,也欢迎主动回复到此处。
无关回复将会定期删除。
想接合 reactcss 来使用,
但是 antd server
之后,
访问 http://localhost:8000/
样式不生效
import ReactCSS from 'reactcss';
class Button extends ReactCSS.Component {
classes() {
return {
'default': {
btn: {
color: 'red'
}
}
}
}
render() {
return <div is="btn">hello world</div>;
}
}
React.render(<Button />, document.body);
语法支持多
重现方式:
多选
演示:http://ant.design/components/select/#demo-multipleb
,此时下拉菜单只有一项。问题:
下拉菜单会在展现出所有可选项后,再动画消失,体验比较诡异。
感觉这个前端框架很不错的,不知道它对于浏览器的兼容性支持有没有明确的计划?打算支持IE8和IE9吗?
参考 react react-router,方便使用, 需要配置 webpack output 为 umd
<button class="ant-btn">Default</button>
应该等效于:
<button class="ant-btn ant-btn-default">Default</button>
rc-select 里已经支持了。react-component/select#6
在 http://ant.design/components/select/ 里加一下分组的演示和文档吧。
发到 0.8.0 分支。
即鼠标点下的状态。现在只有主按钮有效果。
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.