更新记录

1.2.5(2022-09-22)

内部依赖微信jssdk,实现跳转基座小程序

1.2.4(2022-09-22)

动态获取页面高度,兼容小程序与H5支持跳转到基座应用

1.2.3(2022-09-22)

windowWidth 作为设备宽度计算单位

查看更多

平台兼容性

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.jsonpages节点下添加:

    {
        "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

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问