基于Vue 2.x UI组件
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
img
public
src
.gitignore
README.md
babel.config.js
package-lock.json
package.json
vue.config.js

README.md

V-easy

Demo

OnlineDemo

Document

Official website

Install

npm install v-easy-message -s

Quick Start

import vEasy from 'v-easy-message'

Vue.use(vEasy);

use I18n

import vEasy from 'v-easy-message'
import locale from 'v-easy-message/local/en'

Vue.use(vEasy, { locale });

use babel

// 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

<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>

Update

  • 0.2.41 (2019.2.16)
    • 优化 v-tip 字体模糊问题
  • 0.2.25 (2019.1.28)
    • ve-ipve-subnet 发生错误不会自动对焦到下一位
    • 新增v-tip信息框
  • 0.1.48 (2019.1.17)
    • 新增 ve-plain-input 触发接收类型,支持多种类型触发检测
    • 支持多语言版本
  • 0.1.18 (2018.10.5)
    • ve-ipve-subnet 类似于windows输入框,可使用鼠标操作,小数点偏移
  • 0.1.16 (2018.9.29)
    • 修复 ve-ipve-plain-inputve-subnet 绑定数据的问题
  • 0.1.13 (2018.9.28)
    • 新增 ve-plain-input 组件
  • 0.1.12 (2018.9.27)
    • 优化 ve-ipve-subnet 组件
  • 0.0.8 (2018.9.27)
    • 新增 ve-subnet 组件,优化样式代码
  • 0.0.5 (2018.8.29)
    • 新增 ve-ip 组件
  • 0.0.4 (2018.8.25)
    • 新增 ve-button 组件
  • 0.0.1 (2018.8.23)
    • 建立仓库,编写架构
    • 支持使用 this.$msg 呼叫message信息

LICENSE

MIT