更新记录

1.0.9(2021-05-29) 下载此版本

  • 修复 修复更新后一些报错问题

1.0.8(2021-05-29) 下载此版本

  • 新增 QS-DynamicForm 动态表单组件

  • 新增 QS-SuperComponent 根据json渲染ui的组件

  • 新增 QS-Canvas 基于QS-SharePoster的画布组件, 暂时只支持APP-VUE、H5、微信小程序

  • 新增 QS组件新增emitQuery模式,可在组件上传autoEmitQuery为true, 并监听@emitQuery事件在组件mounted后触发该事件并返回布局信息

  • 新增 QS-UI-CONFIG/js新增mixin目录, 并在mixin目录下新增QS-Components-Mixin-defProps.js 用于覆盖QS-Components-Mixin.js的默认参数(emitQuery相关参数可在这里配置)

  • 新增 tabbar新增模板页面并增加home-1模板

  • 新增 QS-Radio

  • 新增 QS-Checkbox

  • 新增 QS-Switch

  • 新增 QS-Grids 宫格组件

  • 新增 JSAPI新增intersectionObserver布局相交监听器

  • 新增 JSAPI新增convertToPinyin中文转拼音

  • 优化 组件内可覆盖props配置 均使用require

  • 优化 QS-Tabs实际item会影响布局导致line位置不准确问题, 并在mounted后两次获取布局信息以增加布局信息准确性

  • 优化 JSAPI优化countDown.js、number2Duration.js 支持粒度配置, 并优化返回数据详细信息

  • 优化 QS-Sticky

  • 优化 小细节优化

  • 修复 QS-SuperComponent组件在支付宝小程序无效问题

1.0.7(2021-04-21) 下载此版本

  • 新增 QS-FormQS-Form-ItemQS-Input 组件, 自定义样式与校验的表单,目前为大致模型,下版本完善,有建议抓紧提

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.2 app-vue app-nvue ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

QQ交流群: 750104037 点我加入

使用步骤

Step 1:

  • 从插件市场将QS-UI导入至hbx

Step 2:

  • 将QS-UI文件夹下的QS-UI-CONFIG文件夹复制至项目@/根目录下, 该操作为必须, 因QS-UI将许多的配置依赖都内聚在QS-UI-CONFIG

Step 3:

  • main.js

    //main.js
    import QSUI from '@/uni_modules/QS-UI/index.js';
    Vue.use(QSUI);

QS-UI-CONFIG 配置说明

|-- QS-UI-CONFIG
    |-- components  //各组件特有配置
    |-- config
    |   |-- $qs.js  //自定义拓展uni.$qs下的属性或方法, 若属性名同内置名称则会被内置属性覆盖
    |   |-- apis.js //接口管理, 看自己需求可以不用, 但是统一方便管理
    |   |-- index.js    //核心配置文件
    |   |-- navigate.js //路由配置
    |   |-- Pages.js    //页面信息配置
    |   |-- QSDebounceKeys.js   //防抖配置
    |   |-- request.js  //请求接口配置
    |   |-- values.js   //各种值配置, 方便冲突时更改名称或者配置自己喜欢的名字
    |   |-- lang    //多语言配置
    |       |-- index.js
    |       |-- langChange.js   //语言变更时回调
    |       |-- languages.js
    |       |-- modules //语言包
    |           |-- en.js
    |           |-- zh_CN.js
    |-- css //css配置
    |   |-- theme.js    //主题颜色配置, 将会导出赋值在vuex中
    |   |-- theme.scss  //本身是都写在这里面的后来发现app v3 不支持scss导出, 所以都放在theme.js 中, 目前该文件里是hover样式
    |-- js  //js配置
        |-- pageDemand.js   //分页js配置
    |-- index.js    //将配置项统一导出

立即体验

alt h5 alt 微信小程序

隐私、权限声明

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

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

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

许可协议

MIT协议

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