易用、灵活、基于uni-app的组件库
Press UI
是一套易用、灵活,基于uni-app
的跨端组件库。
uni-app
的H5、微信小程序、QQ小程序、APP、支付宝小程序、抖音小程序等Press UI
作为基础组件库,解决了以下痛点:
vant
的H5项目平滑迁移至uni-app
项目,仅需改下引用地址和组件名称uni-app
开发变得简单n+1
端复用Press UI
可应用于uni-app
项目,或者普通的H5项目,同时支持 Vue2 和 Vue3。
目前已应用在王者赛宝、HoK Club、赛宝Pro、和平赛事、高能赛事、商户赛等项目中。
npm
包npm i press-ui
比如 button
组件:
<template>
<PressButton />
</template>
<script>
import PressButton from 'press-ui/press-button/press-button.vue'
export default {
components: {
PressButton,
},
}
</script>
需要在vue.config.js
中配置下 transpileDependencies
:
module.exports = {
transpileDependencies: ['press-ui'],
}
插件市场直接导入即可
下图是示例二维码,第一行分别为基于 uni-app
的 Vue2.x
版本的 H5、微信小程序、QQ小程序、支付宝小程序、安卓项目。
第二行分别为基于 uni-app
的 Vue3.x
版本的H5、微信小程序,及非 uni-app
环境的 Vue2.x
、Vue3.x
版本的H5项目。
点击下方链接查看示例项目。
欢迎加入QQ群沟通。