antdesign是能直接编译成浏览器直接引用的，具体 *** 作如下：
下载并编译ant-design
git clone >
cd ant-design
npm i --registry=>
npm run just-deploy
2 编译完成后在dist目录下antdjs和democss就是它的js和css文件，在ant-design根目录下建立测试文件antd-testhtml。
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="/dist/democss">
<script src=">
component/consolepolyfill/022/indexjs,component/es5-
shim/4114/es5shimminjs,component/es5-shim/4114/es5-
shamminjs,component/html5shiv/372/html5shivminjs,g/component/media-
match/202/mediamatchminjs"></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上。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）