# v-easy

**Repository Path**: link0109/v-easy

## Basic Information

- **Project Name**: v-easy
- **Description**: 基于Vue2.x开发 , 参考Element风格开发一套UI框架
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 16
- **Forks**: 2
- **Created**: 2019-01-05
- **Last Updated**: 2023-11-18

## Categories & Tags

**Categories**: webui

**Tags**: None

## README

## 仓库地址已更换 [v-easy-components](https://github.com/Linkontoask/v-easy-components)

<h1 align="center">V-easy</h1>

<p align="center">
	<a href="https://github.com/Linkontoask/v-easy"><img src="https://img.shields.io/badge/v--easy-v0.2.50-blue.svg" alt=""></a>
	<a href="https://github.com/Linkontoask/v-easy"><img src="https://img.shields.io/badge/size-239kb-green.svg" alt=""></a>
	<a href="https://github.com/Linkontoask/v-easy"><img src="https://img.shields.io/badge/vue-2.x-orange.svg" alt=""></a>
	<a href="https://github.com/Linkontoask/v-easy"><img src="https://img.shields.io/badge/license-MIT-red.svg" alt=""></a>
</p>

### Demo
[OnlineDemo](https://linkontoask.github.io/demo/v-easy/index.html)

### Document
[Official website](http://linkorg.club)

### Install
```
npm install v-easy-message -s
```

### Quick Start
``` javascript
import vEasy from 'v-easy-message'

Vue.use(vEasy);
```

### use I18n
```javascript
import vEasy from 'v-easy-message'
import locale from 'v-easy-message/local/en'

Vue.use(vEasy, { locale });
```

### use babel
``` javascript
// webpack.base.conf.js
module: {
    rules: [
      {
        test: /\.js$/,
        loader: 'babel-loader',
        include: [resolve('/node_modules/v-easy-message')]
      }
    ]
},

// vue.config.js (vue-cli3)
transpileDependencies: ['v-easy-message']
```

### Demo
``` javascript
<template>
    <VEButton @click="send('info')" class="center" type="primary" icon="chrome" :rotate="true" :circle="true"></VEButton>
    <VEPlainInput v-model="str" message="字符超出范围" 
        :options="{min: 20,max: 30}" 
        @input="plainInput"></VEPlainInput>
</template>

<script>
export default {
    data() {
        return: {
            str: ''
        }
    },
    methods: {
        plainInput(val) {
            console.log(`%c input ${this.str}`, 'color: blue');
        },
        send(type) {
            this.$msg({
                type: type, //'success', 'error','info','warning'
                message: 'infomation',
                duration: 3000,
                onClose: () => {
                    console.log('callback');
                }
            });
        }
    }
}
</script>
```

### Coming soon(Mobile)
+ TimePicker
+ Loading
+ Alert
+ Avatar
+ List

### Coming soon(PC)
+ Loading

### LICENSE
[MIT](https://raw.githubusercontent.com/Linkontoask/v-easy/master/src/components/v-easy/LICENSE)