vue界面宽度100%

骑士树

于 2021-08-05 08:45:34 发布

阅读量961

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/lc7756/article/details/119406793

本文介绍了如何使用SCSS为El-form中的el-select、el-input-number、el-date-picker设置100%宽度，并详细扩展了日期选择器的宽度。主要关注前端界面元素的布局优化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<style scoped lang="scss">

.el-form .el-select {
  width: 100%;
}
.el-form .el-input-number {
  width: 100%;
}
.el-form .el-date-picker{
  width: 100%;
}
/* 日期选择框的宽度 */
.el-date-editor.el-input, .el-date-editor.el-input__inner {
  width: 100%;
}

</style>

做个记录