日志 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

名称	类型	默认值
theme	`'light' \| 'dark' \| null`	`null`
loading	`boolean`	`false`
trim	`boolean`	`false`
log	`string`	`null`
lines	`Array<string>`	`null`
font-size	`number`	`14`
line-height	`number`	`1.25`
language	`string`	`null`
rows	`number`	`15`
hljs	`Object`	`null`

Events

名称	参数	说明
require-more	`(from: 'top' \| 'bottom')`
reach-top	`()`
reach-bottom	`()`

Methods

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

1.5 KiB Raw Blame History Unescape Escape

日志 Log

演示

Props

Events

Methods

1.5 KiB

Raw Blame History