点击el-tree小三角后去除点击后的高亮背景样式,el-tree样式修改

<div

              class="videoTree"

              v-loading="loadingTree"

              element-loading-text="加载中..."

              element-loading-spinner="el-icon-loading"

              element-loading-background="rgba(0, 0, 0, 0.8)"

            >

              <el-tree

                :default-expand-all="true"

                class="trees"

                :data="cameraData"

                :props="defaultProps"

                @node-click="handleNodeClick"

                :highlight-current="true"

              >

              </el-tree>

            </div>

// el-tree 点击三角去除默认高亮样式(这一句代码)

::v-deep .el-tree-node:focus > .el-tree-node__content {

          background-color: transparent !important;

        }

下面是设置el-tree样式的代码

.videoTree {

        height: calc(100% - 38px);

        overflow-y: auto;

        .el-tree--highlight-current

          .el-tree-node.is-current

          > .el-tree-node__content {

          background-color: transparent;

          background: rgba(128, 243, 232, 0.1);

          border-left: 2px solid #33fdff;

          color: #80f3e8;

          font-weight: bold;

        }

        .el-tree-node__content:hover {

          background-color: transparent;

        }

        .trees {

          background: transparent;

          color: #fff;

        }

      }

       

    }

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-07 06:42:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-07 06:42:01       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-07 06:42:01       82 阅读
  4. Python语言-面向对象

    2023-12-07 06:42:01       91 阅读

热门阅读

  1. 笔记68:Pytorch中repeat函数的用法

    2023-12-07 06:42:01       67 阅读
  2. 多个项目复用node_modules

    2023-12-07 06:42:01       55 阅读
  3. Tomcat的缺省端口是多少,怎么修改?

    2023-12-07 06:42:01       58 阅读
  4. svn服务端安装

    2023-12-07 06:42:01       59 阅读