Vue实现修改第三方组件样式

在vue中可以通过以下两种方式修改第三方组件样式：2、局部覆盖修改新时代农民工

sg_knight

3002人浏览 · 2022-06-03 14:19:52

sg_knight · 2022-06-03 14:19:52 发布

在vue中可以通过以下两种方式修改第三方组件样式：

1、全局覆盖修改

<style lang="less">
  .modal {
    .ant-modal-header {
      border-bottom-width: 0; 
    }
  }
</style>

2、局部覆盖修改

<style lang="less" scoped>
  .modal {
    :global(.ant-modal-header) {
      border-bottom-width: 0;
    }
  }

</style>

新时代农民工

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^