更新记录
2(2022-08-18)
下载此版本
下架
1(2022-08-16)
下载此版本
初始版本开发了以下组件:表单,组织,用户,搜索,图标库,选择,日历,日期选择器,轻提示,按钮切换,折叠面板
平台兼容性
HbuilderX/cli最低兼容版本 |
3.1.20 |
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
app-harmony |
? |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
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";