Front end frame element UI custom style modification

Time:2022-1-6

Element UI custom style modification

1. The applicable framework generation structure is nested in your own tag (similar to El input)

`<style scoped lang=’less’>

  .box {
    /deep/ .title {
        ...
    }
  }

< / style > `;
2. The structure generated by the applicable framework is in the body tag when it is at the same level as the app (similar to El date picker)
Front end frame element UI custom style modification

At this time, the style modification method is different

1. Write separately SCSS file
2. Import in the component file (where to use, where to import, to prevent pollution) The SCSS file style takes effect
Front end frame element UI custom style modification