AntD Mobile

antd-mobile-h5

antd-mobile-h5是基于支付宝APP视觉交互规范AMUI封装的javascript UI组件库。

  • 在支付宝APP内提供给用户一致的体验。
  • 使用简单无需关注组件样式和html片段。
  • 基于 npm + atool工作流,并支持 ES6。

如何使用

在开始使用antd-mobile-h5前需了解蚂蚁金服新一代构建和调试工具atool,以及移动高清方案

第一步: 安装

$ npm install antd-mobile-h5 --save

第二步: 使用组件

  • 单个页面的业务推荐如下使用,组件默认包含样式
var Dialog = require('antd-mobile-h5/components/dialog');
var dialog = new Dialog({
            content : '辅助说明文字辅助说明文字辅助说明文字辅助说明文字',
            title : '标题文字',
            mask: true
        });
 dialog.show();
  • 项目级别的业务,我们建议你在页面直接引入AMUI基础样式文件.
<link rel="stylesheet" href="https://os.alipayobjects.com/rmsportal/YJHOBQTADnUotqX.css"/>

组件列表

  • carousel
  • dialog
  • loading
  • notice
  • page-result
  • tab
  • toast
  • ...

相关文档