aizuda-web-vue3

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>

常见问题

1、如何运行项目

• 方案一

      
  # 切换镜像源
  npm config set registry https://mirrors.huaweicloud.com/repository/npm/
      
  # 安装yarn
  npm install -g yarn
      
  # 安装依赖
  yarn
      
  # 运行项目
  yarn dev
      
  

• 方案二

      # 有梯子，开梯子
    
  # 切换镜像源
  npm config set registry https://registry.npmjs.org/ 和上面那个源，任选其一
    
  # 安装yarn
  npm install -g yarn
      
  # 安装依赖
  yarn
      
  # 运行项目
  yarn dev