首页 专题 H5案例 前端导航 UI框架

Bee Mobile、Vary Admin 全新升级

作者:TG 日期: 2024-03-25 字数: 4133 阅读: 452

全新升级,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文件即可开始使用。

  • <!-- 引入样式 -->
  • <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>

开始使用

  • 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
目录