ant.design能不能直接编译成浏览器直接引用?

 我来答
二娘呀
高能答主

2018-04-05 · 瑜伽师
二娘呀
采纳数:1621 获赞数:28876

向TA提问 私信TA
展开全部

ant.design是能直接编译成浏览器直接引用的,具体操作如下:

  1. 下载并编译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上。

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式