README
说明
kView UI,是uni-app集成的一些组件
特性
安装
# npm方式安装
npm i k-view-ui
快速上手
main.js
引入kView库
// main.js
import kView from 'k-view-ui';
Vue.use(kView);
App.vue
引入基础样式(注意style标签需声明scss属性支持)
/* App.vue */
<style lang="scss">
@import "k-view-ui/index.scss";
</style>
uni.scss
引入全局scss变量文件
/* uni.scss */
@import "k-view-ui/theme.scss";
pages.json
配置easycom规则(按需引入)
// pages.json
{
"easycom": {
// npm安装的方式不需要前面的"@/",下载安装的方式需要"@/"
// npm安装方式
"^k-(.*)": "k-view-ui/components/k-$1/k-$1.vue"
// 下载安装方式
// "^k-(.*)": "@/k-view-ui/components/k-$1/k-$1.vue"
},
// 此为本身已有的内容
"pages": [
// ......
]
}
使用方法
配置easycom规则后,自动按需引入,无需import
组件,直接引用即可。
<template>
<k-button>按钮</k-button>
</template>