hz/ebiz-ai-knowledge-manage
1
0
Fork 0
mirror of http://112.124.100.131/ebiz-ai/ebiz-ai-knowledge-manage.git synced 2025-12-06 17:36:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(button): 优化按钮样式和尺寸

Browse Source 
- 添加中等尺寸按钮的样式
- 移除自定义 render-button 类样式
-统一使用 Element UI 的 size="medium" 属性
-调整按钮的其他样式属性，如字体和对齐方式
This commit is contained in:
陈昱达
2025-04-23 20:40:48 +08:00
parent 673470d93f
commit 599280bf84
10 changed files with 28 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/assets/sass/renderSass/button.scss
View File

@@ -91,6 +91,13 @@
color: #fff;
}
}
&.el-button--medium {
padding: 8px 20px;
border-radius: 8px;
font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 14px;
}
}
.el-button--text {

4
src/components/RenderDialog/index.vue
View File

@@ -5,8 +5,8 @@
</div>
<div slot="footer">
<slot name="footer">
<el-button size="medium" class="render-button" @click="cancel">{{ cancelButtonText }}</el-button>
<el-button size="medium" class="render-button" type="primary" @click="confirm">{{ confirmButtonText }}</el-button>
<el-button size="medium" @click="cancel">{{ cancelButtonText }}</el-button>
<el-button size="medium" type="primary" @click="confirm">{{ confirmButtonText }}</el-button>
</slot>
</div>
</el-dialog>

2
src/views/intelligent-agent/index.vue
View File

@@ -95,7 +95,7 @@ export default {
<el-button slot="append" icon="el-icon-search"></el-button>
</template>
</el-input>
<el-button class="render-button line-button pv8 ph10" icon="el-icon-plus" @click="createdIntelligentAgent()">创建智能体</el-button>
<el-button size="medium" class="line-button pv8 ph10" icon="el-icon-plus" @click="createdIntelligentAgent()">创建智能体</el-button>
</div>
<h3>智能体</h3>
</nav>

2
src/views/knowledge/detail/components/documentDetail/QAModel.vue
View File

@@ -49,7 +49,7 @@
</div>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false" class="render-button">关 闭</el-button>
<el-button @click="dialogVisible = false" size="medium">关 闭</el-button>
</span>
</r-dialog>
</div>

2
src/views/knowledge/detail/components/documentDetail/TextModel.vue
View File

@@ -37,7 +37,7 @@
</div>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false" class="render-button">关 闭</el-button>
<el-button @click="dialogVisible = false" size="medium">关 闭</el-button>
</span>
</r-dialog>
</div>

8
src/views/knowledge/detail/components/knowledgeForm.vue
View File

@@ -27,12 +27,12 @@
</el-col>
</el-row>
<div slot="footer" :span="24">
<el-button class="render-button" size="medium" v-if="!infoDialogVisible" @click="$emit('update:visible', false)">取消</el-button>
<el-button class="render-button" type="primary" size="medium" @click="save" v-if="!infoDialogVisible">
<el-button size="medium" v-if="!infoDialogVisible" @click="$emit('update:visible', false)">取消</el-button>
<el-button type="primary" size="medium" @click="save" v-if="!infoDialogVisible">
{{ datasetId ? '保存' : '创建' }}
</el-button>
<el-button class="render-button" size="medium" @click="jumpKnowledgeList" v-if="infoDialogVisible">返回知识库列表</el-button>
<el-button class="render-button" size="medium" @click="jumpKnowledgeDetail" v-if="infoDialogVisible">查看知识库详情</el-button>
<el-button size="medium" @click="jumpKnowledgeList" v-if="infoDialogVisible">返回知识库列表</el-button>
<el-button size="medium" @click="jumpKnowledgeDetail" v-if="infoDialogVisible">查看知识库详情</el-button>
</div>
</r-dialog>

6
src/views/knowledge/detail/components/split/SplitPreview.vue
View File

@@ -8,9 +8,9 @@
<el-empty v-else-if="!loading && !previewData" description="暂无预览数据"></el-empty>
</div>
<span slot="footer" class="dialog-footer">
<el-button size="medium" class="render-button" @click="handleReUpload">重新上传</el-button>
<el-button size="medium" type="primary" class="render-button" @click="handleConfirm">下一步</el-button>
<el-button size="medium" type="primary" class="render-button" @click="emitKnowledgeDataset">直接上传至知识库</el-button>
<el-button size="medium" @click="handleReUpload">重新上传</el-button>
<el-button size="medium" type="primary" @click="handleConfirm">下一步</el-button>
<el-button size="medium" type="primary" @click="emitKnowledgeDataset">直接上传至知识库</el-button>
</span>
</r-dialog>
</div>

2
src/views/knowledge/detail/components/words/ExtractPreview.vue
View File

@@ -17,7 +17,7 @@
</div>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="handleConfirm" class="render-button">完成</el-button>
<el-button type="primary" @click="handleConfirm" size="medium">完成</el-button>
</span>
</r-dialog>
</div>

14
src/views/knowledge/detail/index.vue
View File

@@ -8,8 +8,8 @@
<el-input class="mr20 w400" size="small" v-else v-model="copyKnowledgeName">{{ knowledgeName }}</el-input>
<el-icon class="fs16 el-icon-edit-outline cursor-pointer" @click.native="editKnowledgeName" v-if="!editKnowledge" />
<div v-else>
<el-button type="primary" class="render-button" @click="saveKnowledgeName">保存</el-button>
<el-button class="render-button" @click="cancelKnowledgeName">取消</el-button>
<el-button type="primary" size="medium" class="render-button" @click="saveKnowledgeName">保存</el-button>
<el-button size="medium" class="render-button" @click="cancelKnowledgeName">取消</el-button>
</div>
<span class="segment-content">{{ segmentedMode | filterSegmentedMode }}</span>
</div>
@@ -19,10 +19,8 @@
<div>
<!-- <el-button type="primary" size="medium" class="normal-button" @click="jumpEditKnowledge">修改知识库</el-button>-->
<el-button type="primary" size="medium" icon="el-icon-edit-outline" class="render-button primary-button" @click="jumpEditKnowledge"
>修改知识库</el-button
>
<el-button type="primary" size="medium" icon="el-icon-plus" class="render-button primary-button" @click="jumpAddKnowledge">上传知识</el-button>
<el-button type="primary" size="medium" icon="el-icon-edit-outline" class="primary-button" @click="jumpEditKnowledge">修改知识库</el-button>
<el-button type="primary" size="medium" icon="el-icon-plus" class="primary-button" @click="jumpAddKnowledge">上传知识</el-button>
</div>
</div>
<div class="mt20 card-body">
@@ -65,8 +63,8 @@
</el-form-item>
</el-form>
<div class="mt15">
<el-button class="render-button" type="primary" @click="search">查询</el-button>
<el-button class="render-button" @click="reset">重置</el-button>
<el-button size="medium" type="primary" @click="search">查询</el-button>
<el-button size="medium" @click="reset">重置</el-button>
</div>
</div>
<r-table

4
src/views/knowledge/index.vue
View File

@@ -43,8 +43,8 @@
{{ item.segmentedMode | filterSegmentedMode }}
</div>
<div class="opacity-button">
<el-button class="default render-button" icon="el-icon-delete" @click.stop="deleteKnowLedge(item)">删除</el-button>
<el-button class="render-button line-button" icon="el-icon-edit" @click.stop="createdKnowLedge(item)" type="primary">修改</el-button>
<el-button class="default " size="medium" icon="el-icon-delete" @click.stop="deleteKnowLedge(item)">删除</el-button>
<el-button class="line-button" size="medium" icon="el-icon-edit" @click.stop="createdKnowLedge(item)" type="primary">修改</el-button>
</div>
</div>