{"slug":"cardlist","mode":"single","examples":[{"id":"cardlist-ex-1","title":"基础用法","titleSrc":"","desc":"","html":"<div class=\"kole-demo-toolbar\">\n  <label>列数：</label>\n  <select id=\"cols\">\n    <option value=\"2\">2 列</option>\n    <option selected value=\"3\">3 列</option>\n    <option value=\"4\">4 列</option>\n  </select>\n</div>\n<div class=\"kole-cardlist\" id=\"app\"></div>","preview":{"show":[[0],[1]],"hide":[],"mode":"single"},"previewSafe":true,"previewUnsafeReasons":[],"source":"api-derived","code":{"html":"<label>列数：</label>\n<select>\n  <option value=\"2\">2 列</option>\n  <option selected value=\"3\">3 列</option>\n  <option value=\"4\">4 列</option>\n</select>\n<div class=\"kole-cardlist\"></div>","jsx":"import { KoleCardList } from 'kole-ui/react';\n\n<KoleCardList />","vue3":"<template>\n  <KoleCardList />\n</template>\n\n<script setup>\nimport { KoleCardList } from 'kole-ui/vue3';\n</script>","vue2":"<template>\n  <KoleCardList />\n</template>\n\n<script>\nimport { KoleCardList } from 'kole-ui/vue2';\nexport default { components: { KoleCardList } };\n</script>"},"notes":["演示页标记只含页面结构，未含可映射的组件属性","演示页未含可映射的调用标记，本片段依据组件 API 表推导"]}]}