q-select边框深度修改

最新推荐文章于 2024-04-24 15:57:22 发布

贺今宵

最新推荐文章于 2024-04-24 15:57:22 发布

阅读量334

点赞数

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/qq_51389137/article/details/127119914

版权

            <div style="position: absolute; display: flex; top: 30px">
              <div class="brush-select-border">
                <q-select
                  dense
                  v-model="animationList.画刷.brushVlaueType"
                  class="q-select-brush"
                  :options="['模拟值', '离散值', '字符串值']"
                ></q-select>
              </div>

.brush-select-border {
  border: 1px solid;
  margin-top: 16px;
  margin-left: 15px;
  height: 35px;
}
.q-select-brush {
  ::v-deep .q-field__control {
    .q-field__native {
      padding: 0;
      min-height: 35px;
      height: 35px;
      line-height: 35px;
      width: 60px;
    }

    .q-field__marginal {
      height: 35px;
    }

    min-height: 35px;
    height: 35px;
  }

  border: none;
  // margin-top:8px;
  // margin-left: 15px;
  // margin-right: 0px;
}