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 { .app-main {
background: rgba(240, 244, 250, 1); 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; margin-bottom: 10px;
text-align: right; text-align: right;
} }
.container {
padding: 20px;
//margin: 15px;
//background: #fff;
}
.el-select { .el-select {
width: 100%; 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)"> <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;