App.vue中定义的非作用域样式未反映在样式指南中

时间:2019-05-28 18:47:11

标签: vue-styleguidist

我已经在<style>文件的App.vue标签中定义了字体系列和字体大小规则,而没有scoped属性。

>
<style lang="stylus">
  html
    font-size 40px
    font-family Arial, "Helvetica Neue", Helvetica, sans-serif
</style>

如预期的那样,h1标签在浏览器中也相应地设置了样式(参见图片)。字体大小较大(因为它在rem中具有字体大小),并且字体是无衬线字体。

enter image description here

但是在样式指南中,相同的组件不能反映这些指令(请参见图片)。预览中的组件仍具有默认的衬线字体和默认的较小字体。

enter image description here

所以问题是如何为Vue Styleguidist定义html样式?

文档would mean defining these rules twice中的方法。是否有标准的DRY方法来完成此任务?

0 个答案:

没有答案