Advertisement

Nuxt 3.0无法在color-mode中进行dark和light切换

阅读量:

背景

近期正在构建一个依托于Nuxt3.0与Nuxt/content2.0框架的markdown文章管理平台,该系统具备静态与动态两种运行模式,相关项目代码托管于mindpress。在实现过程中,引入了color-mode这一工具,用于识别当前浏览器所处的主题模式,即判断为_dark_模式或_light_模式。具体实现代码如下:

复制代码
    <template>
    <NavBar />
    <main class="container">
        <md-editor v-model="text" :theme="theme" :toolbarsExclude="toolbarsExclude"
            style="background-color: var(--md-background-color);height:480px;" 
            @onChange="changeAction" @onSave="saveAction" />
    </main>
    </template>
    
    <script>
    import { ref } f

全部评论 (0)

还没有任何评论哟~