空页面 ​

<template>
  <jp-empty></jp-empty>
</template>

<template>
  <jp-empty :img="attribute.emptyImg" :title="attribute.title" :subtitle="attribute.subtitle" margin-top="0px" @titleClick="titleClick">
    <template #action>
      <jp-button type="primary" style="margin-top: 8px" size="medium">操作按钮</jp-button>
    </template>
  </jp-empty>
</template>

<script lang="ts" setup>
import { reactive } from 'vue'
const attribute = reactive({
  title: '',
  subtitle: '没有搜索到门店哦~',
  showSlot: false,
  emptyImg: '/static/example/img_store.png'
})

const titleClick = () => {
  console.log('titleClick')
}
</script>