目录

一 简介

二 使用


一 简介

antd-mobile: 就是一个基于react的UI组件库
符合ant design 移动规范的react实现
适用于中大型产品的应用

二 使用

官方使用文档:https://mobile.ant.design/zh/guide/quick-start/

使用步骤
1 安装组件库 npm install --save antd-mobile

安好了

2 在APP.js根组件中导入要使用的组件

import { Button } from 'antd-mobile'

3 APP.js: 渲染组件

注意: 组件名称的首字母是大写

4 在index.js中导入组件库样式

import 'antd-mobile/bundle/css-vars-patch.css'

效果

Button组件的默认样式是这样子的

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐