单纯记录一下主题色样式——笔记

最新推荐文章于 2022-07-22 08:54:03 发布

晨洛溪月

最新推荐文章于 2022-07-22 08:54:03 发布

阅读量324

点赞数

分类专栏：笔记文章标签： elementui vue.js javascript

本文链接：https://blog.csdn.net/m0_55728090/article/details/124821279

版权

这篇博客详细记录了如何在Vue.js项目中，结合ElementUI库定制主题颜色的过程。通过修改HTML、JavaScript和CSS样式，以及配置setting.js文件，实现了界面的个性化主题色设置。

摘要由CSDN通过智能技术生成

单纯想记录一下这个主题样式的设置

HTML代码

<el-drawer
              title="系统设置"
              :visible.sync="drawer"
              size="20%">
              <div>
                <div :style="{ margin: '0px 0px 24px 24px' }">
                  <h3 class="setting-drawer-index-title">整体风格设置</h3>
                </div>
                <div :style="{ margin: '0px 0px 24px 24px' }">
                  <h3 class="setting-drawer-index-title">主题色</h3>
                  <div style="height: 20px">
                    <el-tooltip class="setting-drawer-theme-color-colorBlock" v-for="(item, index) in colorList

最低0.47元/天解锁文章

晨洛溪月

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
单纯记录一下主题色样式——笔记

单纯想记录一下这个主题样式的设置HTML代码<el-drawer title="系统设置" :visible.sync="drawer" size="20%"> <div> <div :style="{ margin: '0px 0px 24px 24px' }"> ...
复制链接

扫一扫

专栏目录