You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
902 B
902 B
代码演示
基础用法
通过img来展示空状态时显示的占位图。
<hd-empty :img="img"></hd-empty>
标题与副标题
通过title属性来展示空状态下的主标题，默认值是标题；通过subTitle属性来展示空状态下的副标题，默认值是副标题。
<hd-empty title="描述主标题" subTitle="描述副标题"></hd-empty>
内容距离顶部的距离
通过marginTop属性控制空状态占位内容距离顶部的距离。
<hd-empty marginTop="10" title="描述主标题"></hd-empty>
操作按钮
通过operation属性控制空状态栏是否显示操作按钮，operation为操作按钮文案内容，点击按钮时触发click事件。
<hd-empty operation="按钮文案" @click="onClick"></hd-empty>
function onClick() {
console.log('点击了按钮')
}