更新记录

2（2022-08-18） 下载此版本

下架

1（2022-08-16） 下载此版本

初始版本开发了以下组件：表单，组织，用户，搜索，图标库，选择，日历，日期选择器，轻提示，按钮切换，折叠面板

平台兼容性

kr-uni

kr-uni

基于uView2.0封装的组件库

说明

kr-uni是基于uView2.0封装的组件库，在uView2.0的基础上，提供更加方便的模板组件，支持H5，微信小程序等应用。

注意

使用kr-uni前，你必须先安装uView2.0框架，具体安装步骤请参考uView2.0文档 由于kr-edit-form和kr-form-item组件是基于uni-forms封装的，所以还要安装uni-forms组件

快速上手

1. main.js引入uView库，krUni库

   // main.js
   //要先引入并注册uview再注册krUni,因为kr-uni依赖于uview
   import uView from 'uview-ui';
   Vue.use(uView);
   
   import krUni from 'kr-uni';
   Vue.use(krUni);

2. App.vue引入基础样式(注意style标签需声明scss属性支持)

   /* App.vue */
   <style lang="scss">
   /* 分别引入uview的样式和uniui的辅助样式 */
   @import "@/uni_modules/uview-ui/index.scss";
   
   @import '@/uni_modules/uni-scss/index.scss';
   
   /* 为了统一风格会覆盖uview部分样式 */
   @import "kr-uni/index.scss";
   </style>

3. uni.scss引入全局scss变量文件

   /* 引入uView的全局SCSS主题文件 */
   @import '@/uni_modules/uview-ui/theme.scss';
   @import "@/uni_modules/kr-uni/theme.scss";
   /* 先定制kr-uni主题 */
   /* 再引入定制uview主题的scss文件 */
   @import "@/uni_modules/kr-uni/rewritetheme.scss";