样式的使用合集

1 js设置样式变量方法

setItemStyle() {
      let proEl = document.getElementById(item.key)
       proEl.style.setProperty('--after-left', this.num)
    },

在mounted中调用

mounted() {
    this.setItemStyle()
  },

 在style中使用

/deep/.ant-progress-inner::after {
    content: '';
    border: 1px dashed red;

    position: absolute;
    top: -20px;
    left: var(--after-left);
    height: 50px;
  }

2 less中定义并使用变量

3 引入样式文件的方式

@import '~@/components/index.less';