React——UI框架 Antd 、Element

【Ant Design of React】
官网：https://ant.design/docs/react/getting-started-cn

1. 安装依赖

cnpm i -S antd

2. app.css 导入样式

@import '~antd/dist/antd.css';

3. 组件使用

import React from "react";
import {Button} from "antd";class Page3 extends React.Component{render() {return <div><Button type={"primary"}>按钮</Button></div>}
}export default Page3

【element-react】
官网：https://elemefe.github.io/element-react/#/zh-CN/quick-start
1. 安装依赖

cnpm i -S element-react
cnpm i -S element-theme-default

2. app.js 导入主题

import "element-theme-default"

tip、可能会出现的错误

解决方案

cnpm i -S @babel/runtime babel-runtime react-hot-loader

React——UI框架 Antd 、Element相关推荐

Chakra-UI——React UI 框架
Chakra-UI 介绍快速上手下载 Chakra-UI 克隆默认主题主题的引入 Style Props 样式属性主题颜色模式(color mode) 根据颜色模式设置样式强制设置组件颜色 ...
React学习21----React UI框架Antd(Ant Design)的基本使用
Ant Design 现在支持:react,angular,vue 3个框架官网地址: https://ant.design/index-cn 具体使用: 1.antd官网: https://ant ...
Vue UI 框架对比 element VS iview
element VS iview (最近项目UI框架在选型 ,做了个分析, 不带有任何利益相关) 主要从以下几个方面来做对比使用率(npm 平均下载频率,组件数量,star, issue-) AP ...
react ui框架_顶级React组件库推荐
作者丨Max Rozen 译者丨王强策划丨小智转发链接:https://mp.weixin.qq.com/s/-vRr8Qd8DCNiza09eZjmbQ 本文最初发布于 maxrozen.com ...
react ui框架_Web开发 React 学习（二十）连载基础篇大结局
系列文章: 测开技能--Web开发 React 学习(一) 测开技能--Web开发 React 学习(二)环境搭建测开技能--Web开发 React 学习(三)元素的渲染测开技能--Web开发 R ...
Chakra-UI【现代化 React UI 框架 Chakra-UI】
目录 1. Chakra-UI 介绍 2. Chakra-UI 快速开始 3. Style Props 样式属性 4. 主题 1. Chakra-UI 介绍 Chakra UI 是一个简单的, 模块化 ...
react ui框架移动端_你必须要知道的移动端UI组件设计宝典
作为一名UI设计师,我们经常要进行PC端和移动端的设计任务,上一次给大家分享了: <最全Web端UI组件设计详解> ,这次给大家带来移动端UI组件设计详情,尤其在我们APP.小程序.H5页 ...
如何评价蚂蚁的ant-design-vue UI框架
年度UI框架做为一名vue 忠实开发者用得最多的后台UI框架莫过于element ui element UI 由饿了么团队维护优势有大厂背景持续迭代速度快生态圈优异,社区活跃社区的认可 ...
UI框架 Vant、ElementUI、WeUI、AUI、LayUI
UI框架有很多,比如微信官方为公众号开发提供的WeUI.适合后端程序员使用的Layui等.UI框架一般只是给前端狗写静态页面提供方便. 这类框架一般提供css和js文件,使用时引入css和js文件,然 ...

React——UI框架 Antd 、Element

React——UI框架 Antd 、Element相关推荐

最新文章

热门文章