更新记录
2(2022-08-18) 下载此版本
下架
1(2022-08-16) 下载此版本
初始版本开发了以下组件:表单,组织,用户,搜索,图标库,选择,日历,日期选择器,轻提示,按钮切换,折叠面板
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | × | √ | √ | × | × | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | × | × | × | - | - | - | × | - | × | × |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
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组件
快速上手
-
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);
-
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>
-
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";