ant.design能不能直接编译成浏览器直接引用?
ant.design是能直接编译成浏览器直接引用的,具体操作如下:
下载并编译ant-design
git clone https://github.com/ant-design/ant-design.git
cd ant-design
npm i --registry=http://registry.npm.taobao.org
npm run just-deploy
2. 编译完成后在dist目录下antd.js和demo.css就是它的js和css文件,在ant-design根目录下建立测试文件antd-test.html。
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="./dist/demo.css">
<script src="https://as.alipayobjects.com/??
component/consolepolyfill/0.2.2/index.js,component/es5-
shim/4.1.14/es5shim.min.js,component/es5-shim/4.1.14/es5-
sham.min.js,component/html5shiv/3.7.2/html5shiv.min.js,g/component/media-
match/2.0.2/media.match.min.js"></script>。
Ant Design是蚂蚁金服开发和正在使用的一套企业级的前端设计语言和基于 React 的前端框架实现。其特性在于企业级金融产品的交互语言和视觉体系,丰富实用的 React UI 组件,基于 React 的组件化开发模式,背靠 npm 生态圈。
Ant Design 提供了常用了Icon , 使用时只需要点击图标即可完成代码的复制。Icon 自带两个属性,type 定义了图标的类型, spin 定义图标是否有旋转动画。Row / Col 主要用于栅格布局,和BootStrap 的使用十分相似,不同的是 Ant Design 默认把页面分成24份,而不是12份,增加了布局的灵活度。
并且通过Tabs 的切换可以十分高效地在同一个页面中展现不同业务的信息,将每一个 Tab 面板放在 Tabpane 标签里面。如果要实现标签的动态切换,需要在 Tabs 标签中添加 activeKey 属性,且绑定到具体的控制标签切换的state上。