# 快速上手

WARNING

需要注意的是,你的本地的快应用引擎版本需要大于1070以上才能正常使用本组件库全部组件

组件库 designWidth 基于 750 开发,为了适配不同的 designWidth,你需要修改文件apex-ui/components/styles/base.less中的@ratio 变量。

当前组件库默认@ratio 为 750/750,如果你的快应用 designWidth 为 360,则应该修改@ratio 为 360/750。

# 快速预览

使用浏览器或者快应用调试器扫码快速预览组件库效果:

# 使用组件库

# 手动安装

  • 下载项目代码

    git clone https://github.com/vivoquickapp/apex-ui.git
    
    1
  • 拷贝代码

    把项目中的components文件夹拷贝到要使用组件库的项目src目录下。然后就可以安装自定义组件的使用方式来使用本组件库了。

代码使用 MIT 的协议,所以你可以根据具体的业务场景随意更改代码:P。

如果你对自定义组件的使用还不太熟练,也可在引入组件的使用文档 (opens new window)中按照说明对照进行操作。

# 自动安装

使用下面两种方式均可安装组件库到项目依赖中。比起手动安装,在需要自定义修改组件以适应自己项目的业务需求方面没有那么方便。

npm install apex-ui --save  # 使用npm
yarn add apex-ui # 使用yarn
1
2

# 项目仓库

# 反馈交流

你在使用组件库的过程中遇到任何问题,欢迎在github上给我们提issues (opens new window)

也可以加微信与我们取得联系。

技术弟