前言

大家好 我是歌谣 今天继续给大家带来vue3第三天遇到的问题

ant design 3vue的样式基本都是可以调试的

第一步 解除scope

<style lang="less" ></style>

第二步 控制台找类名 用div包裹

.BaseForm-scanner {
  margin: 1vh 0 1vh 0;
  .ant-form-item-required {
    font-size: 10vh;
  }
  .ant-input {
    height: 10vh;
    line-height: 10vh;
  }
}

常规的左右布局flex

.layout {
  display: flex;
}

.layout-left {
  width: 100px;
}

.layout-right {
  flex: 1;
}