aizuda界面

1 Ágak

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

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 操作栏图标

常见问题