elementui相关

更改按钮默认样式

<el-button type="info">主要按钮</el-button>

.el-button--info{
  color: #fff;
  background-color: #FF69B4;
  border-color: #FF69B4;
}
.el-button--info:disabled {
  background-color: #999999;
  border-color: #999999;
}
.el-button--primary:hover{
  background-color: #FF69B4;
  border-color: #FF69B4;  
}

---

input里添加 如单位

1. input更改宽度可以使用el-col
2. 高度可使用autosize
3. 输入框里增加icon可以使用prefix-icon、suffix-icon和slot

<el-form-item label="返佣系数"
   <el-input v-model="form.price"><i slot="suffix" style="font-style:normal;margin-right: 10px;">￥</i></el-input>
</el-form-item>

---

cell-style和cell-class-name

• cell-style：单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有单元格设置一样的 Style。Function({row, column, rowIndex, columnIndex})/Object
  函数写法：

  <el-table :cell-style="cellStyle"></el-table>
  
  //在method里面写上方法
  cellStyle({row, column, rowIndex, columnIndex}){
      if(rowIndex === 1 && columnIndex === 2){ //指定坐标
          return 'background:pink'
      }else{
          return ''
      }
  }
  

  对象写法： 直接返回对象

• cell-class-name：单元格的 className 的回调方法，也可以使用字符串为所有单元格设置一个固定的 className(CSS中定义类名)。Function({row, column, rowIndex, columnIndex})/String