还原多层级ol list-style-type

如果你想要还原多层级的有序/无序列表的样式，可以使用以下 CSS 代码：

ol, ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

li {
  margin: 0;
  padding: 0;
}

ol li:before {
  content: counter(ol-counter) ". ";
  counter-increment: ol-counter;
}

ul li:before {
  content: "•";
  margin-right: 5px;
}

这段代码会将所有有序和无序列表的样式还原，并且为每个有序列表项添加数字前缀，为每个无序列表项添加圆点前缀。同时，它还会将列表项的默认外边距和内边距都设置为 0，以便自定义样式。

相关问题

el-dialog层级大于el-popover

在Element UI中，el-dialog和el-popover都是弹出层的组件，但是它们的层级是有差异的。默认情况下，el-dialog的层级较高，因此会覆盖在el-popover之上。

这是因为el-dialog组件在DOM结构中的位置比el-popover更高。el-dialog作为一个弹出的对话框，通常用于展示重要的信息或与用户进行交互，因此需要更高的层级来确保它的显示不被其他元素遮挡。

而el-popover作为一个悬浮提示框，它的层级较低，通常用于提供辅助性的信息或操作。因此，当el-dialog和el-popover同时存在时，el-dialog会覆盖在el-popover之上。

如果需要调整它们之间的层级关系，可以通过在CSS中修改它们的z-index属性来实现。例如，将el-popover的z-index设置为比el-dialog更高的值，可以使el-popover覆盖在el-dialog之上。

el-tree多层级

el-tree是Vue框架中的一个树形控件，可以用来展示多层级的数据结构。在使用el-tree展示多层级数据时，需要传入一个符合特定格式的数据，并设置相应的props属性。具体操作步骤如下：

1. 定义一个数组，用来存储多层级的数据，例如categoryList。
2. 设置el-tree组件的data属性为categoryList。
3. 设置el-tree组件的props属性，其中children属性指定子节点的字段名，label属性指定节点显示文本的字段名。
4. 当需要获取多层级数据时，可以通过调用相应接口获取数据，并将返回的数据赋值给categoryList。
5. 在界面上展示el-tree组件，用户可以通过点击节点来触发相应的事件操作。

代码示例：

<template>
  <div>
    <el-tree :data="categoryList" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
  </div>
</template>

<script>
export default {
  data() {
    return {
      categoryList: [], // 多层级数据
      defaultProps: {
        children: 'children', // 子节点字段名
        label: 'label' // 节点显示文本字段名
      }
    }
  },
  mounted() {
    this.getDiseasesList(); // 获取多层级数据
  },
  methods: {
    // 获取多层级数据的方法
    getDiseasesList() {
      this.$api.queryDiseaseList({token: localStorage.getItem('token')}).then(res => {
        if(res.code === 10000) {
          this.categoryList = res.data;
        }
      })
    },
    // 节点点击事件处理方法
    handleNodeClick(node) {
      // 处理节点点击事件的逻辑
    }
  }
}
</script>