mavon-editor 开启滚动条

您可以在使用 mavon-editor 时，为其配置一个自定义的编辑器主题，然后在该主题中设置滚动条的样式即可。具体步骤如下：

1. 安装 mavon-editor 和 highlight.js：

npm install mavon-editor highlight.js --save

2. 在代码中引入 mavon-editor 和 highlight.js：

import Vue from 'vue'
import mavonEditor from 'mavon-editor'
import 'mavon-editor/dist/css/index.css'
import hljs from 'highlight.js'
import 'highlight.js/styles/atom-one-dark.css'

Vue.use(mavonEditor)
Vue.use(hljs.vuePlugin)

3. 创建自定义的编辑器主题文件，例如 `my-theme.css`，在其中设置滚动条的样式，例如：

/* 设置编辑器滚动条样式 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}

::-webkit-scrollbar-track {
  background-color: #f2f2f2;
  border-radius: 4px;
}

4. 在代码中引入自定义的编辑器主题：

import 'path/to/my-theme.css'

5. 使用 mavon-editor 组件时，将自定义主题名称传递给 `:subfield-options` 属性：

<mavon-editor :subfield-options="{theme: 'my-theme'}"></mavon-editor>

这样就可以在 mavon-editor 中开启滚动条了。