feat(render): 添加自定义步骤样式并应用到知识库创建页面- 新增 steps.scss 文件,定义自定义步骤样式

- 在 theme.scss 中添加成功状态颜色变量- 更新 renderUi.scss,引入新的步骤样式
- 修改知识库创建页面,使用自定义步骤样式并添加步骤图标
This commit is contained in:
陈昱达
2025-04-24 13:04:02 +08:00
parent 4ee2c0c5de
commit 6ed29643b9
4 changed files with 114 additions and 4 deletions

View File

@@ -5,10 +5,25 @@
<h3>创建知识库</h3>
</div>
<div class="card-body">
<el-steps :active="active" simple finish-status="success">
<el-step title="文件上传/预处理"></el-step>
<el-step title="拆分配置"></el-step>
<el-step title="题词配置"></el-step>
<el-steps :active="active" simple finish-status="success" class="render-steps">
<el-step title="文件上传/预处理">
<template slot="icon">
<div class="icon-text" v-if="active === 0">STEP1</div>
<div class="icon-text" v-else>1</div>
</template>
</el-step>
<el-step title="拆分配置">
<template slot="icon">
<div class="icon-text" v-if="active === 1">STEP2</div>
<div class="icon-text" v-else>2</div>
</template>
</el-step>
<el-step title="题词配置">
<template slot="icon">
<div class="icon-text" v-if="active === 2">STEP3</div>
<div class="icon-text" v-else>3</div>
</template>
</el-step>
</el-steps>
<div class="components">