Advertisement

element ui的样式修改(宽度和高度自定义)

阅读量:

scss版本:

由于element ui依赖于scss进行样式处理,因此在项目中需要安装scss,建议采用以下版本以确保兼容性,最新版本可能会导致编译失败

复制代码
    npm i -D sass-loader@8.x // 安装
    npm i node-sass@4.14.1 // 安装
    
    
      
      
    

自定义宽高

通过查阅相关资料,发现存在两种途径能够实现对宽高的个性化设置。

一、使用/deep/ 深度选择器

用户可前往下方提供的gitee链接下载代码进行查阅
https://gitee.com/wangqingyuan1/test_element_ui/commit/3c48c0609e5f62c936a9166a95d922fa7e1f031b

复制代码
    <template>
      <div class="hello">
    <h1>{{ msg }}</h1>
    	<el-input class="input1" v-model="input" placeholder="请输入内容"></el-input>
      </div>
    </template>
    
    
      
      
      
      

全部评论 (0)

还没有任何评论哟~