更新记录

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-Form、 QS-Form-Item、 QS-Input 组件, 自定义样式与校验的表单，目前为大致模型，下版本完善，有建议抓紧提

平台兼容性

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    //将配置项统一导出

立即体验