antdesign 所兼容的浏览器_ant.design能不能直接编译成浏览器直接引用?

展开全部

ant.design是能直接编译62616964757a686964616fe78988e69d8331333365646235成浏览器直接引用的,具体操作如下:下载并编译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。

Document

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
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值