kitorv/vue-ui-docs

你好, 你这个能扩展嘛

hangjob opened this issue · 6 comments

:::snippet 通过 v-button 标签初始化按钮。

我在这里添加了个小标题

我在这里也添加了点描述

<template>
  <div>
    <v-button>Default</v-button>
  </div>
</template>

:::

程序就挂掉了,在loader中如何配置?

加标题和描述想展示在哪里,还是只要能够渲染,我给你个简单的代码示例就可以

<template>
  <div class="vc-snippet">
    <div class="vc-snippet--demo">
      我想加在这里
      <!-- 代码生成vue示例 -->
      <slot name="source" />
    </div>
    <div class="vc-snippet--desc">
      <!-- 示例描述说明 -->
      <slot name="desc" />
      <span class="vc-snippet--icon-code" @click="showCode = !showCode">
        <img alt="code" :src="codeIconSrc" />
      </span>
    </div>
    <div v-show="showCode" class="vc-snippet--code">
      <!-- 示例代码高亮显示 -->
      <slot name="code" />
    </div>
  </div>
</template>

image

对应的 .md 应该是这样的

:::snippet 通过 v-button 标签初始化按钮。

我想加载这里1

我想加载这里2

<template>
  <div>
    <v-button>Default</v-button>
  </div>
</template>

:::

  1. 在这里查找最新的 ```html 开始位置 就是要编译成vue单组件的代码,其他的跳过markdown-it会自动渲染

image

2. 代码示例

image

3. 展示效果

image

我上面已经给你代码示例,我实际照这么使用也可以正常渲染,能够正常渲染,吧对应数据提取出来放到你想放的位置就基本可以实现