react项目实战 2 组件库antd-mobile的介绍和使用
antd-mobile: 就是一个基于react的UI组件库符合ant design 移动规范的react实现适用于中大型产品的应用
·
目录
一 简介
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组件的默认样式是这样子的
更多推荐
已为社区贡献6条内容
所有评论(0)