vue里的一些小标签

 

背景颜色

background-color="rgb(48,65,86)"

文字颜色

text-color = "rgb(255,255,255)"

左边导航栏参差不齐时

style="overflow-x: hidden"

文字选中变色

active-text-color="#ffd04b"

引用element图标

<div style="flex: 1; font-size: 18px">
      <span :class="collapseBtnClass" style="cursor:pointer" @click="collapse"> </span>
　　　　//定义好类与el-ui绑定，@click里定义好他的方法
</div>

export default {
    data() {
        return {
            collapseBtnClass:'el-icon-s-fold'
        }
    }，
    methods:{
        collapse(){
        
        }
    }
}

 鼠标经过或点击有小手样式

cursor: pointer

让element-ui里的宽度动态变化

<el-aside :width="  sideWidth+'px'  ">

methods:{
  collapse(){ //点击收缩触发
    this.isCollapse = !this.isCollapse
    if (this.isCollapse){
      this.sideWidth = 0;
    }
  }
}

垂直居中

line-height:center

输入框中文字提示

placeholder="请输入名称"

图标加入

suffix-icon="el-icon-search" 
//输入框中
icon="el-icon-search"
//按钮中