解决方案►Vue

样式设置 /deep/

样式设置scoped属性带来的问题
通常我们在写样式的时候会在style标签中加上scoped属性

Scoped CSS规范是Web组件产生不污染其他组件，也不被其他组件污染的CSS规范，但是这样有时候也会遇到问题：
使用elementUI或其他ui框架时修改框架默认样式不生效。

通过 /deep/解决

1
2
3
4
5
6
7
8
9
10
11
12
13
<style lang="scss" scoped>
    .basic-box {
        height: calc(100% - 50px);

        /deep/ .el-card {
          height: 100%;

          .el-card__body {
            height: 80%;
          }
        }
      }
</style>