图标ICON快速置灰

业务场景

新业务开发中，部分功能图标入口尚未完成开发，需要屏蔽。

屏蔽前：

屏蔽后：

 

 快速置灰

  css样式        

.overdue {
  filter: grayscale(100%);
  opacity: 0.7;
}

 Vue

 <x-icon
        v-if="checkExist(chart.type)"
        :class="$style.icon"
        :type="chart.icon"
/>
<x-icon v-else :class="$style.overdue" :type="chart.icon" />