修改移动文件夹样式

This commit is contained in:
龙运模 2024-07-30 09:33:47 +08:00
parent b8c070c641
commit 337ed6fbb0
2 changed files with 28 additions and 17 deletions

View File

@ -61,7 +61,7 @@
</div> </div>
</el-header> </el-header>
<el-main class="nopadding"> <el-main class="nopadding">
<scTable ref="table" :apiObj="list.apiObj" :column="list.column" @selection-change="selectionChange" :size="size" stripe :rowChild="false"> <scTable ref="table" :apiObj="list.apiObj" :column="list.column" @selection-change="selectionChange" :params="params" :size="size" stripe :rowChild="false">
<el-table-column type="selection" align="center" width="40"></el-table-column> <el-table-column type="selection" align="center" width="40"></el-table-column>
<sc-table-column label="序号" align="center" type="index"></sc-table-column> <sc-table-column label="序号" align="center" type="index"></sc-table-column>
<template #name="scope"> <template #name="scope">
@ -135,7 +135,9 @@ export default {
params: { params: {
keyword: "", keyword: "",
folder_id:"", folder_id:"",
name:"" name:"",
sort_by:"name",
sort_order:"asc", // asc descasc
} }
} }
}, },

View File

@ -5,20 +5,22 @@
<div class="btn"><el-button @click="addFolder" :size="size" plain type="primary">新建文件夹</el-button></div> <div class="btn"><el-button @click="addFolder" :size="size" plain type="primary">新建文件夹</el-button></div>
</div> </div>
<el-scrollbar :max-height="360" v-loading="loading"> <el-scrollbar :max-height="360" v-loading="loading">
<el-tree <div class="treeMain">
:data="list" <el-tree
:props="defaultProps" :data="list"
node-key="id" :props="defaultProps"
:expand-on-click-node="false" node-key="id"
default-expand-all :expand-on-click-node="false"
@node-click="getNodes" default-expand-all
> @node-click="getNodes"
<template #default="{ node }"> >
<span class="custom-tree-node"> <template #default="{ node }">
<span><el-icon><sc-icon-Folder/></el-icon> {{ node.data.name }}</span> <span class="custom-tree-node">
</span> <span><el-icon><sc-icon-Folder/></el-icon> {{ node.data.name }}</span>
</template> </span>
</el-tree> </template>
</el-tree>
</div>
</el-scrollbar> </el-scrollbar>
<template #footer> <template #footer>
<el-button @click="visible=false" > </el-button> <el-button @click="visible=false" > </el-button>
@ -121,9 +123,16 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.headerBtn{ .headerBtn{
display: flex;align-items: center; display: flex;align-items: center;
margin-bottom: 12px; padding-bottom: 12px;
margin-top: -10px;
margin-bottom: 5px;
.btn{ .btn{
margin-right: 12px; margin-right: 12px;
} }
} }
.treeMain{
padding: 5px;
border-radius: 4px;
border: 1px solid rgba(0,0,0,0.12);
}
</style> </style>