首页 > 其他分享 >第七章 项目布局实现(7.4.7)——自定义主题

第七章 项目布局实现(7.4.7)——自定义主题

时间:2024-08-31 12:24:23浏览次数:12  
标签:scss src 第七章 自定义 element colors 7.4 styles

7.4.7 自定义主题

==强烈建议:==在模板中不要配置与颜色有关的样式,否则自定义主题不生效很难排错。

  • 明亮模式

    1. 新建 src/styles/element/light.scss

      // only scss variables
      
      $--colors: (
        'primary': (
          'base': green,
        ),
      );
      
      @forward 'element-plus/theme-chalk/src/common/var.scss' with (
        $colors: $--colors
      );
      
    2. 修改 src\styles\element\index.scss

      // styles/element/index.scss
      // we can add this to custom namespace, default is 'el'
      @forward 'element-plus/theme-chalk/src/mixins/config.scss' with (
        $namespace: 'ym'
      );
      
      // +

标签:scss,src,第七章,自定义,element,colors,7.4,styles
From: https://blog.csdn.net/qdbest/article/details/141617443

相关文章

  • 第七章 项目布局实现(7.4.5)——ElementPlus 自定义命名空间
    7.4.5ElementPlus自定义命名空间参考:https://cn.element-plus.org/zh-CN/guide/namespace.htmlElementPlus提供的默认命名空间为el。在特殊情况下,我们需要自定义命名空间。我们使用sass书写样式,必须同时设置ElConfigProvider和scss$namespace。设置ElC......
  • 第七章 项目布局实现(7.4.6)——暗黑模式切换功能
    7.4.6暗黑模式切换功能ElementPlus参考:https://cn.element-plus.org/zh-CN/guide/dark-mode.htmlVueU参考:https://vueuse.org/core/useDark/ElementPlus2.2.0+版本支持暗黑模式,导入暗黑样式文件,然后在index.html的html标签上添加一个class="dark"的类名即可......
  • 第七章 项目布局实现(7.5.1)——页面缓存
    7.5右侧主区域实现7.5.1页面缓存defineOptions定义组件name属性值参考:https://cn.vuejs.org/api/sfc-script-setup.html#defineoptions对于[email protected]及以上版本,在使用<scriptsetup>的单文件组件时,vue会根据文件名,自动推导出name属性值。比如:名称为Layo......
  • 使用 setenv 配置文件管理 Tomcat 的自定义环境变量
    1、背景描述有时候,我们会在catalina.bat或catalina.sh文件中,自定义一些环境变量,例如额外指定JDK路径或设置JVM参数。实际上,直接在catalina.bat或catalina.sh文件中,自定义环境变量的做法,是不规范的。因为在对Tomcat进行(小版本)升级时,新版本的catalina.bat或cata......
  • uniapp自定义头部导航栏布局(优化版)
    H5与微信小程序效果图普通版//utils/system.js //获取系统信息 constsystemInfo=uni.getSystemInfoSync(); //获取状态栏的高度,H5状态栏的高度默认是0 exportconstgetStatusBarHeight=()=>systemInfo.statusBarHeight||0; //获取标题栏高度 exportconstgetT......
  • 自定义深度渲染实现物体描边
    自定义深度渲染实现物体描边SceneTexture首先我们要先了解清楚关于深度渲染的几个属性的含义SceneTexture(场景纹理)节点:通过这个节点,输入UV值,你可以获取到这个UV对应的像素点的各个属性,比如SceneColor(场景颜色),SceneDepth(场景深度),CustomDepth(自定义深度),Opacity(不透明度)等......
  • HarmonyOS开发指南:ArkUI自定义Toast弹窗样式规范
     可以通过使用自定义弹窗和定时器达到类似Toast的效果。场景一:自定义弹窗实现弹窗中加入icon和文字,支持Button。方案:⦁   使用@CustomDialog装饰器装饰自定义弹窗,在此装饰器内进行自定义内容(也就是弹框内容)、并创建构造器,与装饰器呼应相连。⦁   使用定时器,在页面......
  • vite3接入vue-quill:处理图片,自定义字体和字体大小,切换源码模式
    环境适用版本:node:14.21.2"vue":"^3.2.26""vite":"^3.1.0"安装模块:"@vueup/vue-quill":"^1.2.0","quill-html-edit-button":"^3.0.0","quill-image-resize-module":"^3......
  • 自定义TextView实现首尾相接跑马灯效果
    需求:TextView内容不满一行的时候不滚动,超过一行的时候缓慢滚动到最后,然后添加空白间隔继续滚动(我们项目用的是三个View一块滚动,停止应该是不一块停止的,毕竟三条内容应该不一样长,所以就需要个监听是否都停止了,如果都停止了,就一块开启继续滚动)importandroid.animation.Animato......
  • 金蝶云星空组织间结算清单增加自定义字段说明
    单据增加字段相关结算单增加,基础资料控件,映射资料。 业务单据-其他出库单增加字段 配置功能特性   创建结算清单时,会生成到自定义字段上      ......