修改Element UI自帶的小圖標，替換成自己的（類似自定義Element UI圖標）

最近使用vue+Element 開發一個pc端的項目，二次封裝下組件，使樣式符合自己的項目。
就舉個例子吧

這個時間選擇組件，我們的項目的話需要把左側的小圖標移到右側來，而且不能用這個原有的圖片，沒辦法，只能改。如果你之前自定義圖標過的話，這個你就很熟悉。
首先找到那個自定義圖標class
這個時間組件的圖標爲.el-icon-date ，然後圖標設置在before僞類裏面，上代碼

.el-icon-date {
    background: url('你的圖片路徑') center center no-repeat;
    background-size: 20px;
}

.el-icon-date:before {
    content: "替";
    font-size: 16px;
    visibility: hidden;
}

然後實現圖標放在右側

.el-input__prefix {
    width: 25px;//這裏要給寬度的，要不然會擋住事件，觸發不了選擇日期
    position: absolute;
    left: 90%!important;
}

然後就變成這樣啦

其實沒什麼技術含量，去找到這個元素，然後替換掉他的樣式就行了，很簡單的東西，丟這裏保存下。看到的小夥伴不要笑哈。

個人水平有限，有問題歡迎大家留言指導，僅供學習和參考。

學海無涯！努力二字，共勉！