Слияние кода завершено, страница обновится автоматически
集成轻量且优雅的语法高亮库「
prismjs」「
HTML」及「JS」无需额外引入，直接使用即可其他语言的高亮显示，需要引入对应的语言组件，所有组件文件在「
node_modules/prismjs/components/**」
<!-- python -->
<template>
<mi-code language="python" :content="code" />
</template>
<script setup lang="ts">
import 'prismjs/components/prism-python.js'
const code = `
import time
# 格式化显示时间
def getTime():
return time.strftime("%Y-%m-%d %H:%M:%S", time.localtime())
# .......
`
</script>
请查看 「
主题配置」组件
| Token | 默认值 |
|---|---|
--mi-code-text |
--mi-on-background |
--mi-code-scrollbar |
--mi-primary |
--mi-code-background |
--mi-background |
--mi-code-border |
--mi-background |
--mi-code-dot-red |
--mi-primary |
--mi-code-dot-orange |
--mi-secondary |
--mi-code-dot-green |
--mi-tertiary |
--mi-code-copy-icon |
--mi-surface |
--mi-code-copy-background-start |
--mi-primary |
--mi-code-copy-background-hint |
--mi-secondary |
--mi-code-copy-background-stop |
--mi-tertiary |
<mi-code>
MiCode 属性 ( Properties )| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
language |
string |
html |
语言 |
content |
string | vSlot |
'' |
内容 |
canCopy |
boolean |
true |
是否开启复制功能 |
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )