Vue 3 + TypeScript + Vite + element-plus
svg 操作栏图标
操作按钮组,加上class为 ml-2,如果是单个按钮,则不用调整
text-icon-color: 按钮颜色,正常/暗黑模式
text-lg: 按钮大小
cursor-pointer: 鼠标呈现手指样式
# 查看
<LeIcon class="text-lg text-icon-color" icon-class="icon-processInfo-icons--view-light" />
# 分支按钮
<LeIcon class="text-lg ml-2 text-icon-color" icon-class="icon-processInfo-hugeicons--git-merge" />
# 编辑
<LeIcon class="text-lg ml-2 text-icon-color icon-mage--editicon-mage--edit" icon-class="icon-processInfo-mage--edit" />
# 复制
<LeIcon class="text-lg ml-2 text-icon-color" icon-class="icon-processInfo-lucide--copy" />
# 禁用
<LeIcon class="text-lg ml-2 text-icon-color" icon-class="icon-processInfo-solar--forbidden-circle-broken" />
# 启用
<LeIcon class="text-lg ml-2 text-icon-color" icon-class="icon-processInfo-heroicons--lock-open" />
# 删除
<LeIcon class="text-lg ml-2 text-rose-700" icon-class="icon-processInfo-iconoir--trash" />
# 设计
<LeIcon class="text-lg ml-2 text-icon-color" icon-class="icon-processInfo-material-design" />
# 发起审批
<LeIcon class="text-lg text-icon-color" icon-class="icon-processInfo-navigation" />
<el-button plain :icon="Plus" @click="addHandler" type="primary">新增</el-button>
<el-button plain :icon="Key" :disabled="!curSelectionRows.length || curSelectionRows.length !== 1" @click="visiblePermission = true">权限设置</el-button>
<el-button plain :icon="Delete" :disabled="curSelectionRows.length === 0" @click="batch_del" type="danger">删除</el-button>