yzlight-ui v0.1.1

安装组件库

npm i yzlight-ui

// 在main.js中

import yzlight from "yzlight-ui"

import "../node_modules/yzlight-ui/light-ui.css"

Vue.use(yzlight)

开关

使用方法

<mySwitch v-model="open" active-color="#13ce66" inactive-color="#c0c0c0" :width="60"></mySwitch>

data() {
		return {
			open: false,
		};
	},

属性介绍

评分

使用方法

<myRate :max="5" v-model="value" active-color="#a8a8a8" inactive-color="#fa9600" text-color="orangered"></myRate>

data() {
		return {
			value: 0,
		};
	},

属性介绍

滑动条

使用方法

<my-slider v-model="progress" :min="0" :max="100"></my-slider>

	data() {
		return {
			progress: 0,
		};
	},

属性介绍