Vuepress markdown 文件中代码段展开与隐藏
代码Markdown使用 html 标签 details<details><summary>展开查看</summary>```vue<template><el-checkbox v-model="checked1" disabled>备选项1</el-checkbox><el-checkbox v-model="chec
·
代码
Markdown
使用 html 标签 details
<details>
<summary>展开查看</summary>
```vue
<template>
<el-checkbox v-model="checked1" disabled>备选项1</el-checkbox>
<el-checkbox v-model="checked2" disabled>备选项</el-checkbox>
</template>
<script>
export default {
data() {
return {
checked1: false,
checked2: true
};
}
};
</script>
```
</details>
css
// 缩放展开样式
details > summary:first-of-type {
font-size: 10px;
padding: 8px 0;
cursor: pointer;
color: #1989fa;
}
效果


魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)