hg-button-lazy v1.0.2

hg-button-lazy

Encapsulation of button color, shape, size, binding event.Easy to use

Install

npm install hg-button-lazy

Usage

main.js:

import Vue from 'vue'
import App from './App.vue'
import hg-button-lazy from 'hg-button-lazy'
Vue.use(hg-button-lazy)

template:

        <hg-button-lazy v-for="item in buttonData" :key="item.id" :text="item.text" :size="item.siez" :design="item.design"  :type="item.type"  @click="item.onClick"></hg-button-lazy>

Default

 /* 按钮中显示的文字 */
    text: {
      type: String,
      default: 'hgButtonLazy'
    },
    /* 是否启用按钮 */
    disabled: {
      type: Boolean,
      default: false
    },
    /* 按钮形状 */
    design: {
      type: String,
      default: 'block'
    },
    /* 内置按钮style */
    type: {
      type: String,
      default: 'hg_primary'
    },
    /* 按钮大小 */
    size: {
      type: String,
      default: 'hg_normal'
    }

button Data type

buttonData=[{
          text: '提交',
          design: 'fillet',
          size:'hg_normal',
          type: 'success',
          onClick: (val) => this.handClick(val)
        }]

button style Constructor Options

Show image