Bee Mobile、Vary Admin 全新升级

全新升级,Bee Mobile组件库更新到 v1.0.0 版本,支持 React18。Vary Admin 管理后台全新升级,支持 Vue3,构建工具更新为 vite。

预览地址:varyvui

一、Bee Mobile

Bee Mobile组件库更新到 v1.0.0 版本,支持最新的 React v18。

预览地址:Bee Mobile

丰富强大的组件

一共拥有50多个组件,已为你需要在项目中使用的很多功能性组件做好准备。

快速上手

npm

推荐使用npm的方式安装,它能更好地和 webpack 打包工具配合使用。

npm install bee-mobile -S

CDN

目前可以通过 unpkg.com/bee-mobile 获取到最新版本的资源,在页面上引入js 和css文件即可开始使用。

xml 复制代码
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/bee-mobile/dist/bee-mobile.min.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/bee-mobile/dist/bee-mobile.min.js"></script>

开始使用

javascript 复制代码
import React from 'react';
import {Button} from 'bee-mobile';
import 'bee-mobile/dist/bee-mobile.css';
const App = () => (
  < Button theme="primary">
    Hello World
   </Button>
);

技术栈

  • React
  • Typescript
  • Sass 预编译工具
  • bee-mobile 移动组件库
  • Webpack 构建工具

二、Vary Admin

基于 Vue3 开发的管理后台。

预览地址:Vary Admin

技术栈

  • Vue3
  • vue-router
  • pinia
  • vite
  • gulp
相关推荐
low神1 分钟前
前端在网络安全攻击问题上能做什么?
前端·安全·web安全
因为奋斗超太帅啦11 分钟前
React学习笔记(三)——React 组件通讯
笔记·学习·react.js
码力码力我爱你1 小时前
QT + WebAssembly + Vue环境搭建
vue.js·vue·wasm·webassembly·emscripten
qbbmnnnnnn1 小时前
【CSS Tricks】如何做一个粒子效果的logo
前端·css
唐家小妹1 小时前
【flex-grow】计算 flex弹性盒子的子元素的宽度大小
前端·javascript·css·html
涔溪1 小时前
uni-app环境搭建
前端·uni-app
安冬的码畜日常1 小时前
【CSS in Depth 2 精译_032】5.4 Grid 网格布局的显示网格与隐式网格(上)
前端·css·css3·html5·网格布局·grid布局·css网格布局
洛千陨1 小时前
element-plus弹窗内分页表格保留勾选项
前端·javascript·vue.js
小小19921 小时前
elementui 单元格添加样式的两种方法
前端·javascript·elementui
完球了1 小时前
【Day02-JS+Vue+Ajax】
javascript·vue.js·笔记·学习·ajax