element-ui 修改时间选择器el-time-picker的样式

调用时间选择器时可以给组件时间选择框加一个弹出器类名，该类名作用是你可以再main.js中引入一个全局公共的less样式文件，在该样式文件中你用该类名写的样式可以穿透自身

body下的弹出器的样式可以在全局样式中被穿透

示例：

<el-form-item label="营业时间:" prop="value1">
        <el-time-picker
          is-range
          popper-class="pickTime"
          v-model="sizeForm.value1"
          range-separator="至"
          value-format="HH:mm:ss"
          start-placeholder="开始时间"
          end-placeholder="结束时间"
          placeholder="选择时间范围">
        </el-time-picker>
      </el-form-item>

 main.js

import '@/assets/css/common/common.less';

common.less

.pickTime{
  width: 320px;
}