{"slug":"emptypro","mode":"scenarios","examples":[{"id":"emptypro-ex-1","title":"暂无数据","titleSrc":"script","desc":"","html":"<div class=\"kole-card\">\n  <div class=\"kole-empty\" role=\"status\" data-type=\"empty\"></div>\n</div>","preview":{"show":[[0]],"hide":[[1],[2],[3],[4]],"mode":"scenarios"},"previewSafe":true,"previewUnsafeReasons":[],"source":"demo-mapped","code":{"html":"<div class=\"kole-empty\" role=\"status\" data-type=\"empty\"></div>","jsx":"import { KoleEmptyPro } from 'kole-ui/react';\n\n<>\n<KoleEmptyPro type=\"empty\" role=\"status\" />\n</>","vue3":"import { KoleEmptyPro } from 'kole-ui/vue3';\n\n<template>\n<KoleEmptyPro type=\"empty\" role=\"status\" />\n</template>","vue2":"import { KoleEmptyPro } from 'kole-ui/vue2';\n\n<template>\n<KoleEmptyPro type=\"empty\" role=\"status\" />\n</template>"},"notes":[]},{"id":"emptypro-ex-2","title":"无访问权限","titleSrc":"script","desc":"","html":"<div class=\"kole-card\">\n  <div class=\"kole-empty\" role=\"status\" data-type=\"permission\"></div>\n</div>","preview":{"show":[[1]],"hide":[[0],[2],[3],[4]],"mode":"scenarios"},"previewSafe":true,"previewUnsafeReasons":[],"source":"demo-mapped","code":{"html":"<div class=\"kole-empty\" role=\"status\" data-type=\"permission\"></div>","jsx":"import { KoleEmptyPro } from 'kole-ui/react';\n\n<>\n<KoleEmptyPro type=\"permission\" role=\"status\" />\n</>","vue3":"import { KoleEmptyPro } from 'kole-ui/vue3';\n\n<template>\n<KoleEmptyPro type=\"permission\" role=\"status\" />\n</template>","vue2":"import { KoleEmptyPro } from 'kole-ui/vue2';\n\n<template>\n<KoleEmptyPro type=\"permission\" role=\"status\" />\n</template>"},"notes":[]},{"id":"emptypro-ex-3","title":"未找到结果","titleSrc":"script","desc":"","html":"<div class=\"kole-card\">\n  <div class=\"kole-empty\" role=\"status\" data-type=\"search\"></div>\n</div>","preview":{"show":[[2]],"hide":[[0],[1],[3],[4]],"mode":"scenarios"},"previewSafe":true,"previewUnsafeReasons":[],"source":"demo-mapped","code":{"html":"<div class=\"kole-empty\" role=\"status\" data-type=\"search\"></div>","jsx":"import { KoleEmptyPro } from 'kole-ui/react';\n\n<>\n<KoleEmptyPro type=\"search\" role=\"status\" />\n</>","vue3":"import { KoleEmptyPro } from 'kole-ui/vue3';\n\n<template>\n<KoleEmptyPro type=\"search\" role=\"status\" />\n</template>","vue2":"import { KoleEmptyPro } from 'kole-ui/vue2';\n\n<template>\n<KoleEmptyPro type=\"search\" role=\"status\" />\n</template>"},"notes":[]},{"id":"emptypro-ex-4","title":"加载失败","titleSrc":"script","desc":"","html":"<div class=\"kole-card\">\n  <div class=\"kole-empty\" role=\"status\" data-type=\"error\"></div>\n</div>","preview":{"show":[[3]],"hide":[[0],[1],[2],[4]],"mode":"scenarios"},"previewSafe":true,"previewUnsafeReasons":[],"source":"demo-mapped","code":{"html":"<div class=\"kole-empty\" role=\"status\" data-type=\"error\"></div>","jsx":"import { KoleEmptyPro } from 'kole-ui/react';\n\n<>\n<KoleEmptyPro type=\"error\" role=\"status\" />\n</>","vue3":"import { KoleEmptyPro } from 'kole-ui/vue3';\n\n<template>\n<KoleEmptyPro type=\"error\" role=\"status\" />\n</template>","vue2":"import { KoleEmptyPro } from 'kole-ui/vue2';\n\n<template>\n<KoleEmptyPro type=\"error\" role=\"status\" />\n</template>"},"notes":[]}]}