关于改变主题时同时改变组件样式

来源:-

浩皓灏

2018-12-24 21:56

<title-bar :ifTitleAndMenuShow="ifTitleAndMenuShow"
           :class="{'default': defaultTheme === 0,
                   'eye': defaultTheme === 1,
                   'night': defaultTheme === 2,
                   'gold': defaultTheme === 3}"></title-bar>
<menu-bar :ifTitleAndMenuShow="ifTitleAndMenuShow"
          :fontSizeList="fontSizeList"
          :defaultFontSize="defaultFontSize"
          @setFontSize="setFontSize"
          :defaultTheme="defaultTheme"
          :themeList="themeList"
          @setTheme="setTheme"
          :bookAvailable="bookAvailable"
          @onProgressChange="onProgressChange"
          @jumpTo="jumpTo"
          :navigation="navigation"
          :parentProgress="progress"
          ref="menuBar"
          :class="{'default': defaultTheme === 0,
                   'eye': defaultTheme === 1,
                   'night': defaultTheme === 2,
                   'gold': defaultTheme === 3}"></menu-bar>

这两段代码,上面的titlebar生效了,下面却没反应,求大佬解答

写回答 关注

1回答

  • Sam
    2019-01-12 11:05:15

    你好,需要检查你css编写是否存在问题,导致编写的样式无法生效,或者被覆盖

快速入门Web阅读器开发

带你了解电子书阅读器的工作原理,通过Vue.js快速实现Web阅读器

26396 学习 · 214 问题

查看课程

相似问题