帝国模板之家为广大用户提供专业、一站式建站服务。

网页特效

网页特效栏目收集了最全最新的前端网页插件,包括最流行的jQuery,Bootstrap,Js,Css,Vue等主流特效插件。

当前位置:首页 > 资源 > 网页特效 > 正文

Vue灵活布局组件(vue-smart-widget)

帝国模板之家 2021-01-06 网页特效 评论

介绍

smart-widget是Vue.js布局组件,可帮助您在Web应用程序上生成卡片样式的小部件。它还与vue-grid-layout库一起使用,该库使小部件可拖动并调整网格布局的大小。

使用方法

导入组件。

import VueSmartWidget from 'vue-smart-widget'

Vue.use(VueSmartWidget)

添加智能小部件。

<smart-widget title="My Widget">
  <p>
    It's defalut widget.
  </p>
</smart-widget>

组件默认配置项。

// the unique identifier of the widget
slot: 0,
// widget title
title: String,
// sub-title
subTitle: String,
// set `widget-body__content` padding style
padding: { type: [Number, Array], default: () => [12, 20] },
// toggle widget mode
simple: { type: Boolean, default: false },
// toggle loading mask
loading: { type: Boolean, default: false },
// toggle fullscreen button
fullscreen: { type: Boolean, default: false },
// toggle collapse button
collapse: { type: Boolean, default: false },
// toggle refresh button
refresh: { type: Boolean, default: false },
// toggle `widget-body__content` fixed height
fixedHeight: { type: Boolean, default: false },
// when to show card shadows
shadow: { type: String, default: 'always' },
// the card translateY style
translateY: { type: Number, default: 0 }
这世上无忧无虑的人,反而相对寿命会长点。

已有 位小伙伴发表了看法

欢迎 发表评论

  • 匿名发表

关于

帝国cms模板

网页插件

帝国模板之家 | www.moyouyouw.cn

本站所有模板/文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系站长删除,谢谢! 寻找帝国cms模板首选帝国模板之家,用心做站,上线至今广受好评,值得信赖!

  • 交流群1:帝国cms交流群1
  • 交流群2:帝国cms交流群2
在线QQ 给我留言