修改样式遇到的一些问题

修改页面元素

受全局样式的影响，修改框架自带的样式，试了各种办法一直不生效，/deep/也不起作用

 <el-input v-model="taskNum" data-v-da600b98 class="taskNum"></el-input>

.taskNum[data-v-da600b98] {
    .el-input__inner {
      width: 60px !important;
    }
  }

修改遮罩层的样式

修改el-dialog遮罩层样式

https://blog.csdn.net/Deck_/article/details/127897383

使用::v-deep，没有生效

因为此遮罩层是与最外层app为同一层级，导致无法修改样式，因此需要设置属性让遮罩层在以本页面为父控件时修改样式才能生效。

修改el-image预览遮罩层样式（时间急，暂未尝试其他方法）

去掉scoped。

 <el-image
        v-if="imgShow"
        :src="imageUrl"
        :preview-src-list="srcList"
      ></el-image>

<style lang="scss">
.el-image-viewer__wrapper {
  .el-image-viewer__next,
  .el-image-viewer__prev {
    width: 100px;
    height: 255px;
  }
}
</style>