meilan-web/src/views/dataBigScreen/dashboard/components/pageItems/CustomStyleSegmented.vue

<template>
  <el-segmented
    v-model="value"
    :options="options"
    v-bind="$attrs"
    style="
      --el-segmented-bg-color: #143D57;
      --el-segmented-item-selected-bg-color: #1CA7C8;
      --el-segmented-color: #fff;
      --el-segmented-item-hover-color: #fff;
      --el-segmented-item-active-bg-color: #0D507A;
      --el-segmented-item-hover-bg-color: #0D507A;" 
  />
</template>

<script setup>
const porps = defineProps({
  options: {
    type: Array,
    default: [ '在岗', '空闲' ]
  }
})

const value = defineModel()

</script>

<style lang="scss" scoped>
</style>