日志 Log

如果你有一些日志要展示，可以使用 Log。

由于尺寸原因，Naive UI 并不把 hightlight.js 内置。如果你需要高亮日志，请确保你在使用之前已经设定了 highlight.js。

在本页如何高亮的演示中，我们定义了一个叫做 naive-log 的语言来高亮全部的数字。下面的代码是我们怎么定义的。如果你想了解 highlight.js，可以参考 hightlight.js 和 highlight.js developer documentation

...
hljs.registerLanguage('naive-log', () => ({
  contains: [
    {
      className: 'number',
      begin: /\d+/
    }
  ]
}))

Vue.use(NaiveUI)
NaiveUI.setHljs(hljs)
...

演示

size
event
scroll
highlight
loading

Props

名称	类型	默认值
font-size	`number`	`14`
hljs	`Object`	`null`
language	`string`	`null`
line-height	`number`	`1.25`
lines	`Array<string>`	`null`
loading	`boolean`	`false`
log	`string`	`null`
rows	`number`	`15`
theme	`'light' \| 'dark' \| null \| string`	`null`
trim	`boolean`	`false`
on-require-more	`(from: 'top' \| 'bottom') => any`	`undefined`
on-reach-top	`() => any`	`undefined`
on-reach-bottom	`() => any`	`undefined`

Methods

名称	参数	说明
scrollToBottom	`(dismissEvent: boolean = false)`
scrollToTop	`(dismissEvent: boolean = false)`

1.5 KiB Raw Blame History Unescape Escape

日志 Log

演示

Props

Methods

1.5 KiB

Raw Blame History