Vue组件开发系列之ActionButton组件

组件源码：
https://github.com/AntJavascript/widgetUI/tree/master/ActionButton

演示地址：
http://widget-ui.cn/ActionButton

微信截图_20190807204141.png

基本用法：

组件结构：

代码分析：

props参数：

props: {
    type: {
      type: String,
      default: () => {
        return '';
      }
    },
    zIndex: {
      type: String | Number,
      default: () => {
        return 100;
      }
    },
    bottom: {
      type: String | Number,
      default: () => {
        return 2.8;
      }
    },
    right: {
      type: String | Number,
      default: () => {
        return 0.5;
      }
    }
  }
**computed：**

computed: {
// 拼接class
className: function () {
return this.type;
}
}
css代码：

演示地址：
http://widget-ui.cn/ActionButton

组件源码：
https://github.com/AntJavascript/widgetUI/tree/master/ActionButton