mirror of
http://112.124.100.131/ebiz-ai/ebiz-ai-knowledge-manage.git
synced 2025-12-07 01:46:48 +08:00
style(knowledge): 优化知识库页面样式
- 添加 underBorder 类样式,用于美化输入框 - 新增主题描述文本颜色变量和样式 - 调整知识库列表头部样式,增加按钮和调整布局
This commit is contained in:
12
src/assets/sass/renderSass/input.scss
Normal file
12
src/assets/sass/renderSass/input.scss
Normal file
@@ -0,0 +1,12 @@
|
||||
.underBorder {
|
||||
border: unset;
|
||||
.el-input__inner {
|
||||
border: unset;
|
||||
}
|
||||
|
||||
.el-input-group__prepend {
|
||||
background: #fff;
|
||||
border: unset;
|
||||
padding: 0 0 0 10px;
|
||||
}
|
||||
}
|
||||
@@ -5,9 +5,14 @@ $--color-primary-disabled: #155aef24;
|
||||
$--color-primary-danger: #ff0000;
|
||||
$--color-primary-danger-light: lighten($--color-primary-danger, 5%); //高亮颜色
|
||||
$--color-primary-danger-disabled: #ff000024;
|
||||
$--color-primary-desc-text: #51525d;
|
||||
:root {
|
||||
--swiper-theme-color: #0a6dff;
|
||||
--color-primary: #0a6dff;
|
||||
--color-primary-disabled: #155aef24;
|
||||
--color-primary-danger: #ff0000;
|
||||
}
|
||||
|
||||
.theme-primary-desc-text {
|
||||
color: $--color-primary-desc-text;
|
||||
}
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
@import 'renderSass/theme';
|
||||
@import 'renderSass/button';
|
||||
@import 'renderSass/dialog';
|
||||
@import 'renderSass/input';
|
||||
|
||||
html,
|
||||
body,
|
||||
|
||||
@@ -2,19 +2,21 @@
|
||||
<div id="index-container" class="container index-container">
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-input placeholder="输入知识库名称" clearable v-model="nameLike">
|
||||
<el-button slot="append" icon="el-icon-search" @click="getList"></el-button>
|
||||
<el-input placeholder="输入知识库名称" clearable v-model="nameLike" size="medium" class="underBorder">
|
||||
<template slot="prepend">
|
||||
<el-button slot="append" icon="el-icon-search" @click="getList"></el-button>
|
||||
</template>
|
||||
</el-input>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<div slot="header" class="clearfix">
|
||||
<div slot="header" class="clearfix mt30">
|
||||
<h3>知识库列表</h3>
|
||||
<p class="mt10 fs14" style="line-height: 20px">
|
||||
<p class="mt20 fs14 theme-primary-desc-text" style="line-height: 10px">
|
||||
易商数智知识库平台,旨在为用户提供更便捷、更灵敏、更全面的知识存储和操作平台,用户可以通过创建不同的知识库,完成对系统内知识的细分和储备。
|
||||
</p>
|
||||
<p class="mt10 fs14" style="line-height: 20px">同时也可以通过修改和删除操作,对系统内知识体系进行修正和优化。</p>
|
||||
<el-button type="text" disabled class="mt10">操作文档</el-button>
|
||||
<p class="mt10 fs14 theme-primary-desc-text" style="line-height: 15px">同时也可以通过修改和删除操作,对系统内知识体系进行修正和优化。</p>
|
||||
<el-button type="primary" class="mt20 render-button" plain>操作文档</el-button>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
Reference in New Issue
Block a user