style(theme): 优化主题颜色和布局

- 在 theme.scss 中添加新的主题颜色样式
-调整登录页面按钮布局
- 修改文档详情页标题栏样式- 优化元数据操作界面样式
- 调整知识信息页面布局
This commit is contained in:
陈昱达
2025-05-06 16:07:27 +08:00
parent 468b8a4407
commit 0bd6c65b66
5 changed files with 18 additions and 10 deletions

View File

@@ -110,3 +110,6 @@ $--message-info-border: #cecece; // 信息消息框的边框色
.back-theme-color {
background: $--color-primary;
}
.theme-color {
color: $--color-primary;
}

View File

@@ -55,11 +55,12 @@
</span>
</el-form-item>
</el-form>
<div style="height: 127px"></div>
<div>
<el-button
:loading="loading"
type="primary"
style="width:100%;margin-top: 127px;margin-bottom: 20px;border-radius: 8px"
style="width:100%;margin-bottom: 20px;border-radius: 8px"
:style="buttonStyle"
@click.native.prevent="handleLogin"
>登录 <i class="iconfont icon-chuansuoyou"></i

View File

@@ -7,7 +7,7 @@
>
<!-- drawer title -->
<template #title>
<div class="flex align-items-c justify-content-b">
<div class="flex align-items-">
<div class="flex">
<img :src="knowledgePng_2" alt="" style="width: 25px;" />
<div class="ml10">{{ descriptions.dataset.knowledgeName }}</div>
@@ -15,7 +15,9 @@
{{ descriptions.dataset.segmentedMode | filterSegmentedMode }}
</el-tag>
</div>
<!-- <div class="mr100">-->
<!-- <el-button class="line-button ml10" size="medium">元数据标注</el-button>-->
<!-- <div class="ml10">-->
<!-- <el-button type="primary" size="medium" @click="handleDisplayMetadata"-->
<!-- >元数据操作</el-button-->
<!-- >-->
@@ -28,7 +30,7 @@
v-if="visible"
></knowledgeInfo>
<!-- 将metadata-operator改为弹窗形式 -->
<r-dialog
<el-drawer
title="元数据操作"
:visible.sync="metadataDialogVisible"
width="600px"
@@ -36,7 +38,7 @@
:is-show-footer="false"
>
<metadata-operator ref="metaDataOpe"></metadata-operator>
</r-dialog>
</el-drawer>
</el-drawer>
</template>

View File

@@ -101,8 +101,10 @@
<el-divider></el-divider>
<div class="flex justify-content-b">
<p @click="showMeta">+ 新建元数据</p>
<p @click="toMetaData" class="manage-link">
<p @click="showMeta" style="cursor: pointer" class="theme-color">
+ 新建元数据
</p>
<p @click="toMetaData" style="cursor: pointer" class="theme-color">
管理
<i class="el-icon-top-right"></i>
</p>

View File

@@ -196,9 +196,9 @@ export default {
<!-- 右侧原文内容 -->
<el-col :span="12">
<div class="content-card el-card full-height mt20">
<metadata-operator
@openMetaDrawer="openMetaDrawer"
></metadata-operator>
<!-- <metadata-operator-->
<!-- @openMetaDrawer="openMetaDrawer"-->
<!-- ></metadata-operator>-->
<render-file :id="newForm.id" />
</div>
</el-col>