关于element ui 时间选择器尾部icon图标问题

	//直接获取dom
  mounted(){
     this.$nextTick(()=>{
       document.getElementsByClassName('el-input__suffix')[0].className += ' el-icon-arrow-down';
      })
  },
  //全局加样式
  div.el-date-editor {
  position: relative;
  &:focus-within{
    .el-icon-arrow-down{
            transform: rotate(-180deg);
    }
  }
  .el-input__prefix {
    display: none;
  }
  .el-input__inner{
      padding-left: 12px;
  }
  .el-input__icon{
    display: none;
  }
  .el-icon-arrow-down{
    line-height: 34px;
    transform: rotate(0deg);
    width: 32px;
  }
  .el-input__suffix-inner{
    display: none;
  }
}