demo.vue 780 B

123456789101112131415161718192021222324
  1. <template>
  2. <div class="demo">
  3. <h2>基本用法</h2>
  4. <nut-cell title="我是标题" desc="描述文字"></nut-cell>
  5. <nut-cell title="我是标题" sub-title="副标题描述" desc="描述文字"></nut-cell>
  6. <h2>链接</h2>
  7. <nut-cell title="链接" is-link></nut-cell>
  8. <nut-cell title="URL 跳转" desc="https://jd.com" is-link url="https://jd.com"></nut-cell>
  9. <nut-cell title="路由跳转 ’/‘ " to="/"></nut-cell>
  10. </div>
  11. </template>
  12. <script lang="ts">
  13. import Cell from '@/packages/cell/index.vue';
  14. import { createComponent } from '@/utils/create';
  15. const { createDemo } = createComponent('cell');
  16. export default createDemo({
  17. props: {},
  18. components: { [Cell.name]: Cell },
  19. emits: ['click']
  20. });
  21. </script>
  22. <style lang="scss" scoped></style>