<template>
  <el-form-item :label="i18nt('designer.setting.labelColor')">
    <div>
      <el-select style="width: 130px;float: left;margin-right: 5px;" v-model="optionModel.labelColor" clearable>
        <el-option value="#e6a23c" label="橙"></el-option>
        <el-option value="#2a6494" label="蓝"></el-option>
        <el-option value="#30b08f" label="绿"></el-option>
        <el-option value="#909399" label="灰"></el-option>
        <el-option value="#ea5353" label="红"></el-option>
      </el-select>
      <el-color-picker v-model="optionModel.labelColor"></el-color-picker>
    </div>
  </el-form-item>
</template>

<script>
import i18n from "../../../../../components/xform/utils/i18n"

export default {
  name: "labelColor-editor",
  mixins: [i18n],
  props: {
    designer: Object,
    selectedWidget: Object,
    optionModel: Object,
  },
}
</script>

<style scoped>

</style>
