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>
);

create-bee-mobile

create-bee-mobile是一个命令行界面工具,它可以创建一个最基本的React项目。

技术栈

  • React
  • Typescript
  • Sass 预编译工具
  • bee-mobile 移动组件库
  • Webpack 构建工具
相关推荐
茶茶只知道学习9 分钟前
通过鼠标移动来调整两个盒子的宽度(响应式)
前端·javascript·css
蒟蒻的贤11 分钟前
Web APIs 第二天
开发语言·前端·javascript
清灵xmf15 分钟前
揭开 Vue 3 中大量使用 ref 的隐藏危机
前端·javascript·vue.js·ref
su1ka11120 分钟前
re题(35)BUUCTF-[FlareOn4]IgniteMe
前端
测试界柠檬22 分钟前
面试真题 | web自动化关闭浏览器,quit()和close()的区别
前端·自动化测试·软件测试·功能测试·程序人生·面试·自动化
多多*23 分钟前
OJ在线评测系统 登录页面开发 前端后端联调实现全栈开发
linux·服务器·前端·ubuntu·docker·前端框架
2301_8010741523 分钟前
TypeScript异常处理
前端·javascript·typescript
小阿飞_25 分钟前
报错合计-1
前端
caperxi26 分钟前
前端开发中的防抖与节流
前端·javascript·html
霸气小男26 分钟前
react + antDesign封装图片预览组件(支持多张图片)
前端·react.js