1.1.2 • Published 6 years ago
vue-lxbui v1.1.2
vue-lxbui
Install
npm install vue-lxbui -S
Quick Start
import Vue from 'vue'
import vuelxbui from 'vue-lxbui'
Vue.use(vuelxbui)
Example
<template>
<div id="app">
<div class="moor-item">
<label>Button:</label>
<lxb-button class="moor-btn" @click="onClick">确定</lxb-button>
<lxb-button class="moor-btn" @click="onClick" bgcolor="#409eff" color="#fff">确定</lxb-button>
<lxb-button class="moor-btn" @click="onClick" bgcolor="#67c23a" color="#fff">成功</lxb-button>
<lxb-button class="moor-btn" @click="onClick" bgcolor="#e6a23c" color="#fff">警告</lxb-button>
<lxb-button class="moor-btn" @click="onClick" bgcolor="#f56c6c" color="#fff">危险</lxb-button>
</div>
<div>
<label>Input: </label>
<lxb-input
v-model="input1"
placeholder="请输入信息">
</lxb-input>
</div>
</div>
</template>
<script>
export default {
name: 'app',
data(){
return{
input1:'哈哈'
}
},
methods: {
onClick: function (e) {
console.log('click', e);
}
}
}
</script>
<style lang="scss">
</style>