<template>
  <div class="demo-component__input">
    <ElInput title="DemoComponent" lable="DemoComponent" />
  </div>
</template>
<script>
  export default{
    name: 'DemoComponent'
  }
</script>

<style lang="less">
@--test: 30px;

.demo-component {
  &__input {
    width: @--test;
    border-color: red;
  }
}
</style>