mirror of
http://112.124.100.131/ebiz-ai/ebiz-ai-knowledge-manage.git
synced 2025-12-09 10:56:50 +08:00
style(knowledge): 更新知识管理页面样式
- 移除 .container 类样式 - 更新知识列表项样式,使用图片替代 SVG 图标 - 为知识管理页面添加背景图片
This commit is contained in:
BIN
src/assets/images/backimage.png
Normal file
BIN
src/assets/images/backimage.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 101 KiB |
BIN
src/assets/images/konwledge/konwledge-1.png
Normal file
BIN
src/assets/images/konwledge/konwledge-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
@@ -9,3 +9,8 @@ body,
|
|||||||
.app-main {
|
.app-main {
|
||||||
background: rgba(240, 244, 250, 1);
|
background: rgba(240, 244, 250, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
padding: 20px;
|
||||||
|
//background-image: url('../images/backimage.png');
|
||||||
|
}
|
||||||
|
|||||||
@@ -142,11 +142,7 @@ h3 {
|
|||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.container {
|
|
||||||
padding: 20px;
|
|
||||||
//margin: 15px;
|
|
||||||
//background: #fff;
|
|
||||||
}
|
|
||||||
.el-select {
|
.el-select {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -29,7 +29,8 @@
|
|||||||
<el-card v-for="(item, index) in datasetList" class="item datasetList" shadow="hover" :key="index" @click.native.stop="knowLedgeDetail(item)">
|
<el-card v-for="(item, index) in datasetList" class="item datasetList" shadow="hover" :key="index" @click.native.stop="knowLedgeDetail(item)">
|
||||||
<div class="dataset-header">
|
<div class="dataset-header">
|
||||||
<div class="folder-content">
|
<div class="folder-content">
|
||||||
<svg-icon iconClass="folder" className="folder"></svg-icon>
|
<img :src="konwledgePng_1" alt="" class="folder" />
|
||||||
|
<!-- <svg-icon iconClass="folder" className="folder"></svg-icon>-->
|
||||||
</div>
|
</div>
|
||||||
<div class="dataset-body" style="flex:1">
|
<div class="dataset-body" style="flex:1">
|
||||||
<h4 class="dataset-title">{{ item.name }}</h4>
|
<h4 class="dataset-title">{{ item.name }}</h4>
|
||||||
@@ -56,11 +57,13 @@
|
|||||||
<script>
|
<script>
|
||||||
import { docManageDataset, datasetDelete } from '@/api/generatedApi/index'
|
import { docManageDataset, datasetDelete } from '@/api/generatedApi/index'
|
||||||
import knowledgeForm from '@/views/knowledge/detail/components/knowledgeForm.vue'
|
import knowledgeForm from '@/views/knowledge/detail/components/knowledgeForm.vue'
|
||||||
|
import konwledgePng_1 from '@/assets/images/konwledge/konwledge-1.png'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'index',
|
name: 'index',
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
konwledgePng_1,
|
||||||
datasetList: [],
|
datasetList: [],
|
||||||
nameLike: '',
|
nameLike: '',
|
||||||
drawer: false,
|
drawer: false,
|
||||||
@@ -146,6 +149,14 @@ export default {
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
#index-container {
|
||||||
|
background-image: url('../../assets/images/backimage.png');
|
||||||
|
background-size: 600px 300px;
|
||||||
|
background-position-x: right;
|
||||||
|
background-position-y: top;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
.ledge-list {
|
.ledge-list {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|||||||
Reference in New Issue
Block a user