vue-widget-panel v1.0.0

vue-widget-panel

基于vue.js实现内容自适应的部件面板组件。

示例

点击DEMO查看

安装使用

通过NPM安装，import导入

npm install --save vue-widget-panel

全局安装

import VueWidgetPanel from 'vue-widget-panel';
// 引入样式文件
import 'vue-widget-panel/lib/index.css';

Vue.component('VueWidgetPanel', VueWidgetPanel);

局部安装

import VueWidgetPanel from 'vue-widget-panel';
// 引入样式文件
import 'vue-widget-panel/lib/index.css';

export default {
  components: {
    VueWidgetPanel
  }
}

<vue-widget-panel title="我是标题" :top="100" :left="100">
  <div class="widget-content">
    Hello，我是内容。
  </div>
</vue-widget-panel>

通过Script标签引入

<link href="https://unpkg.com/vue-widget-panel/lib/index.css">
<script src="https://unpkg.com/vue-widget-panel/lib/index.umd.js"></script>

new Vue({
  el: '#app',
  components: {
    VueWidgetPanel
  }
})

API

属性（props）

插槽（slot）