style(knowledge): 更新知识管理页面样式

- 移除 .container 类样式
- 更新知识列表项样式,使用图片替代 SVG 图标
- 为知识管理页面添加背景图片
This commit is contained in:
陈昱达
2025-04-23 10:36:22 +08:00
parent c0b68c97a6
commit cf496bf1dc
5 changed files with 18 additions and 6 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 101 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

View File

@@ -9,3 +9,8 @@ body,
.app-main {
background: rgba(240, 244, 250, 1);
}
.container {
padding: 20px;
//background-image: url('../images/backimage.png');
}

View File

@@ -142,11 +142,7 @@ h3 {
margin-bottom: 10px;
text-align: right;
}
.container {
padding: 20px;
//margin: 15px;
//background: #fff;
}
.el-select {
width: 100%;
}

View File

@@ -29,7 +29,8 @@
<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="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 class="dataset-body" style="flex:1">
<h4 class="dataset-title">{{ item.name }}</h4>
@@ -56,11 +57,13 @@
<script>
import { docManageDataset, datasetDelete } from '@/api/generatedApi/index'
import knowledgeForm from '@/views/knowledge/detail/components/knowledgeForm.vue'
import konwledgePng_1 from '@/assets/images/konwledge/konwledge-1.png'
export default {
name: 'index',
data() {
return {
konwledgePng_1,
datasetList: [],
nameLike: '',
drawer: false,
@@ -146,6 +149,14 @@ export default {
}
</script>
<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 {
display: flex;
flex-wrap: wrap;