查看手机演示

说明

该组件库是由本人个人时间进行开发，因为也在工作，更新不定时，框架主要为了处理解决在开发中需要花费长时间的业务功能及需要学习的 canvas 技术。kanMi-UI 具有特色的 webGL 技术的 3D 三维组件，后续会陆续更新内容，补充新的业务组件或功能，维护已知框架 bug

安装

# npm方式安装
npm i kanmi-ui

配置

kanMi-UI 基于 scss/sass 编写，请先确认项目已安装该插件，未安装请先操作安装 ↓

// 安装 node-sass
npm i sass -D

// 安装 sass-loader
npm i sass-loader -D

快速上手

1. main.js引入 kanmi-ui 库

// main.js
import KanMiUI from "kanmi-ui";
Vue.use(KanMiUI);

2. pages.json配置 easycom 规则(按需引入)

// pages.json
{
	"easycom": {
		"^k-(.*)": "kanmi-ui/components/k-$1/k-$1.vue"
	},
	// 此为本身已有的内容
	"pages": [
		// ......
	]
}

3. 引入主题 scss 全局样式
   uni.scss中引入

@import 'kanmi-ui/global.scss';

4. 引入布局样式等全局样式
   App.vue中引入

<style lang="scss">
  @import "kanmi-ui/index.scss";
</style>

使用方法

配置 easycom 规则后，自动按需引入，无需import组件，直接引用即可。

<template>
  // 优惠券组件
  <k-coupon></k-coupon>
</template>