aizuda界面

luoyali 7151bf69a4 Merge remote-tracking branch 'origin/master'		2 сар өмнө
.vscode	0b5e3e6ffc feat: vue3 vite 项目初始化	1 жил өмнө
build	0b5e3e6ffc feat: vue3 vite 项目初始化	1 жил өмнө
public	a402d67481 fix: 登录暗黑模式样式问题调整	1 жил өмнө
src	7151bf69a4 Merge remote-tracking branch 'origin/master'	2 сар өмнө
.ai-commit.json	b7c4f740d2 feat(conventions): 更新代码规范和最佳实践	9 сар өмнө
.editorconfig	004a701fab feat: 主题模式新增 postcss 注入菜单优化...	1 жил өмнө
.env	65c567f953 feat: NodeAvatar title	10 сар өмнө
.env.development	04b276bf81 feat: 调整业务流程发起,设计表单100%，系统表单待测试验证	11 сар өмнө
.env.production	707cda671b 修改 api 地址	11 сар өмнө
.env.staging	707cda671b 修改 api 地址	11 сар өмнө
.env.test	707cda671b 修改 api 地址	11 сар өмнө
.eslintignore	dd5cb20387 ...	6 сар өмнө
.eslintrc.cjs	0b5e3e6ffc feat: vue3 vite 项目初始化	1 жил өмнө
.gitignore	dd5cb20387 ...	6 сар өмнө
.prettierignore	0b5e3e6ffc feat: vue3 vite 项目初始化	1 жил өмнө
.prettierrc.cjs	914126f65c fix: 由于接口获取的菜单有问题临时处理	1 жил өмнө
README.md	9f69bbd123 feat: 修改reade.md	4 сар өмнө
commitlint.config.js	0b5e3e6ffc feat: vue3 vite 项目初始化	1 жил өмнө
index.html	fa55826de6 feat: 发起审批审批	1 жил өмнө
package.json	cfdf85a6f8 perf: 优化JSON查看转用 vs code 编辑	8 сар өмнө
postcss.config.cjs	804baff426 feat: tailwindcss 支持	1 жил өмнө
tailwind.config.ts	3061c45f58 perf: 判断mobile 条件语义化	8 сар өмнө
tsconfig.json	4d9cd18627 fix: 多选人员展示不全	1 жил өмнө
tsconfig.node.json	0b5e3e6ffc feat: vue3 vite 项目初始化	1 жил өмнө
vite.config.ts	65c567f953 feat: NodeAvatar title	10 сар өмнө

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

README.md

Vue 3 + TypeScript + Vite + element-plus

svg 操作栏图标

常见问题