gitY
/
LinYeFangHuo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

table滚动条显示隐藏问题 

滚动条样式统一
tabletitle按钮顺序样式统一
左侧title固定
字典左侧按钮放到更多操作下拉选里
main
zhufu 2026-01-09 15:40:25 +08:00
parent 9de44d60c6
commit 3d02a721c9
7 changed files with 51 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Table/src/BasicTable.vue
View File

@ -434,7 +434,7 @@
/* 整个滚动条的样式 */
::-webkit-scrollbar {
width: 10px;
width: 8px;
height: 8px;
}
@ -446,7 +446,7 @@
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
background: transparent;
background: #a3a3a3;
border-radius: 10px;
}

3
src/design/index.less
View File

@ -90,6 +90,9 @@ ul {
color: rgba(0, 0, 0, 0.8) !important;
background: rgba(0, 0, 0, 0.01) !important;
}
.ant-table .ant-table-body{
overflow: auto !important;
}
@font-face {
font-family: 'PingFangSC-Medium';
src: url('/public/datamaintenance/fonts/PingFangSC-Medium.ttf') format('truetype');

16
src/design/public.less
View File

@ -8,7 +8,7 @@
// =================================
::-webkit-scrollbar {
width: 7px;
width: 8px;
height: 8px;
}
@ -18,18 +18,22 @@
::-webkit-scrollbar-track {
background-color: rgb(0 0 0 / 5%);
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
// background-color: rgba(144, 147, 153, 0.3);
border-radius: 2px;
// background: rgba(0, 0, 0, 0.6);
background-color: rgb(144 147 153 / 30%);
box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
// border-radius: 2px;
// // background: rgba(0, 0, 0, 0.6);
// background-color: rgb(144 147 153 / 30%);
// box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
background: #a3a3a3;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background-color: @border-color-dark;
// background-color: @border-color-dark;
background: #c7c7c7;
}
::-webkit-scrollbar-corner {

37
src/views/demo/Categories/index.vue
View File

@ -1,21 +1,37 @@
<template>
<div class="page-div categories-page">
<div class="left-div w-1/4 xl:w-1/5 m-4 mr-0">
<div class="header">
<div class="buttons-div">
<div class="header pt-3 pb-3 px-2">
<!-- <div class="buttons-div">
<a-button type="primary" color="error" @click="buttonClick('left-del')"
>删除分类</a-button
>
<a-button type="primary" color="info" @click="buttonClick('left-add')">添加分类</a-button>
</div>
</div> -->
<div class="search-div">
<div class="title-span">字典类型</div>
<a-input-search
class="mr-1 ml-5"
style="flex: 1;"
size="small"
v-model:value="LValue"
placeholder="搜索"
enter-button
@search="searchData('left')"
/>
<a-dropdown>
<template #overlay>
<a-menu>
<a-menu-item @click="buttonClick('left-del')">
删除分类
</a-menu-item>
<a-menu-item @click="buttonClick('left-add')">
添加分类
</a-menu-item>
</a-menu>
</template>
<svg style="font-size: 18px;cursor: pointer;" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 512 512" class="iconify iconify--ion"><circle cx="256" cy="256" r="48" fill="currentColor"></circle><circle cx="256" cy="416" r="48" fill="currentColor"></circle><circle cx="256" cy="96" r="48" fill="currentColor"></circle></svg>
</a-dropdown>
</div>
</div>
<div class="content">
@ -305,15 +321,26 @@
.header {
display: flex;
flex-direction: column;
padding: 10px;
// padding: 10px;
border-bottom: 1px solid #eee;
.buttons-div {
display: flex;
justify-content: space-between;
}
.search-div {
margin-top: 10px;
display: flex;
align-items: center;
.title-span{
display: flex;
position: relative;
padding-left: 7px;
color: rgba(0 0 0 / 85%);;
font-size: 16px;
font-weight: 500;
line-height: 24px;
cursor: pointer;
user-select: none;
}
}
}
.content {

4
src/views/demo/layer/LayerTree.vue
View File

@ -1,8 +1,8 @@
<template>
<div class="m-4 mr-0 overflow-hidden bg-white">
<div class="button-list">
<a-button type="primary" @click="emit('add')">添加</a-button>
<a-button type="primary" @click="editLayer()">编辑</a-button>
<a-button type="primary" @click="emit('add')">新增</a-button>
<a-button type="success" @click="editLayer()">编辑</a-button>
<a-button type="primary" danger @click="delLayer()">删除</a-button>
</div>

2
src/views/demo/system/account/DeptTree.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="m-4 mr-0 overflow-hidden bg-white" style="overflow: auto">
<div class="m-4 mr-0 overflow-hidden bg-white">
<BasicTree
title="部门列表"
ref="asyncExpandTreeRef"

2
src/views/demo/system/position/PositionTree.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="m-4 mr-0 overflow-hidden bg-white" style="overflow: auto">
<div class="m-4 mr-0 overflow-hidden bg-white">
<BasicTree
title="部门列表"
ref="asyncExpandTreeRef"