更新记录
1.2.5(2022-09-22)
内部依赖微信jssdk,实现跳转基座小程序
1.2.4(2022-09-22)
动态获取页面高度,兼容小程序与H5支持跳转到基座应用
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.3.1 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | × | √ | × | √ | √ | √ |
bss-lowcode 低代码客户端插件
安装
1、导入插件
在uni-app插件市场右上角选择uni_modules版本下的使用HBuilderX导入插件,导入到对应的项目中即可。
- 如果您的项目是由HBuilder X创建的,相信已经安装scss插件,如果没有,请在HX菜单的 工具->插件安装中找到"scss/sass编译"插件进行安装, 如不生效,重启HX即可
- 如果您的项目是由vue-cli创建的,请通过以下命令安装对sass(scss)的支持,如果已安装,请略过。
// 安装sass
npm i sass -D
// 安装sass-loader
npm i sass-loader -D
2、引入bss-lowcode主JS库
在项目根目录中的main.js中,引入并使用bssLowcode的JS库,注意这两行要放在import Vue之后。
// main.js
import bssLowcode from '@/uni_modules/bss-lowcode'
Vue.use(bssLowcode)
3、引入bssLowcode基础样式
在App.vue中首行的位置引入,注意给style标签加入lang="scss"属性
<style lang="scss">
/* 注意要写在第一行,同时给style标签加入lang="scss"属性 */
@import "@/uni_modules/bss-lowcode/index.scss";
</style>
4、pages_init页面注册(可选)
由于插件需要用到自己的页面,导入插件后手动在pages.json
下pages
节点下添加:
{
"path": "uni_modules/bss-lowcode/libs/pages/webview/index"
}
5、绑定必要参数(可选)
由于组件内部事件处理机制,需要给 uni.$bss
下挂载以下属性
uni.$bss.token = 'token 登录态'
uni.$bss.phone = '用户的手机号'
uni.$bss.loginPath = '登录页路径,用于未登录状态下跳转,如为空则之提示【请登录】字样'
使用
<template>
<bss-lowcode :data="lowcodeData"></bss-lowcode>
</template>
lowcodeData对象的属性:
- 页面背景色 backgroundColor: String,
- 页面数据 list: Array,
关于二开
文档完善中...
关于前后端整套源码
QQ:2261255218 微信:meme__tea