本来的codemirror用的主题色是monokai,如图1所示。但是现在项目要求使用base16-light。最终的展示结果如图s所示。
图1
图s
原来的是写死的主题我修改了封装的代码,然后使用主题传参的方式,但是有一个很奇怪的问题就是就是主题色只有一半,如下所示。代码段的颜色也不对。
【原因】
缺少引用对用主题色的样式代码,添加对应的主题样式代码即可
import 'codemirror/theme/base16-light.css' // 主题
本来的codemirror用的主题色是monokai,如图1所示。但是现在项目要求使用base16-light。最终的展示结果如图s所示。
图1
图s
原来的是写死的主题我修改了封装的代码,然后使用主题传参的方式,但是有一个很奇怪的问题就是就是主题色只有一半,如下所示。代码段的颜色也不对。
【原因】
缺少引用对用主题色的样式代码,添加对应的主题样式代码即可
import 'codemirror/theme/base16-light.css' // 主题