hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-14 21:36:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

style:增加滚动条

Browse Source
This commit is contained in:
李晓鸽
2022-10-12 10:37:08 +08:00
parent cfe60c4eb8
commit bd2b78f264
3 changed files with 132 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
src/assets/scss/common.scss
View File

@@ -6,36 +6,65 @@ body {
// overflow-y: auto;
}
//隐藏滚动条----------------------------------------------------------------
div::-webkit-scrollbar {
display: none !important;
width: 0 !important;
height: 0 !important;
}
div::-moz-scrollbar {
display: none !important;
width: 0 !important;
height: 0 !important;
}
div::-o-scrollbar {
display: none !important;
width: 0 !important;
height: 0 !important;
}
body::-webkit-scrollbar {
display: none !important;;
width: 0 !important;
height: 0 !important;
}
body::-moz-scrollbar {
display: none !important;
width: 0 !important;
height: 0 !important;
}
body::-o-scrollbar {
display: none !important;
width: 0 !important;
height: 0 !important;
}
// div::-webkit-scrollbar {
// display: none !important;
// width: 0 !important;
// height: 0 !important;
// }
// div::-moz-scrollbar {
// display: none !important;
// width: 0 !important;
// height: 0 !important;
// }
// div::-o-scrollbar {
// display: none !important;
// width: 0 !important;
// height: 0 !important;
// }
// body::-webkit-scrollbar {
// display: none !important;;
// width: 0 !important;
// height: 0 !important;
// }
// body::-moz-scrollbar {
// display: none !important;
// width: 0 !important;
// height: 0 !important;
// }
// body::-o-scrollbar {
// display: none !important;
// width: 0 !important;
// height: 0 !important;
// }
::-webkit-scrollbar {
width: 6px; /*对垂直流动条有效*/
height: 6px; /*对水平流动条有效*/
}
/*定义滚动条的轨道颜色、内阴影及圆角*/
::-webkit-scrollbar-track{
background-color: rgba(239, 244, 252, 1);
border-radius: 6px;
}
/*定义滑块颜色、内阴影及圆角*/
::-webkit-scrollbar-thumb{
border-radius: 3px;
background-color: rgba(78, 166, 255, 1);
}
/*定义两端按钮的样式*/
::-webkit-scrollbar-button {
background-color:cyan;
display: none;
}
/*定义右下角汇合处的样式*/
::-webkit-scrollbar-corner {
background:rgba(239, 244, 252, 1);;
}
//隐藏滚动条----------------------------------------------------------------
//禁止选中----------------------------------------------------------

2
src/components/OpenPages.vue
View File

@@ -72,7 +72,7 @@ export default {
<style scoped lang="scss">
.openPages {
width: 100%;
height: 50px;
// height: 50px;
display: flex;
background-color: rgba(255, 255, 255, 1);
box-shadow: 0px 8px 8px 0px rgba(118, 136, 166, 0.1);

76
src/views/learningpath/LearningPath.vue
View File

@@ -71,13 +71,11 @@
:data-source="tableData"
:loading="tableDataTotal === -1 ? true : false"
expandRowByClick="true"
:scroll="{ x: 1600, y: 800 }"
:scroll="{ x: 1600 }"
@expand="expandTable"
:pagination="false"
/>
<!-- :pagination= showSizeChanger: true, showQuickJumper: true,
hideOnSinglePage: true, pageSizeOptions: [], pageSize: pageSize, current:
currentPage, total: tableDataTotal, -->
<div class="pa">
<a-pagination
showSizeChanger="true"
@@ -244,6 +242,76 @@ export default {
cretime: "2022-07-20 14:00:03",
haspub: true,
},
{
key: 4,
number: 4,
manager: "ui成长之路",
state: "草稿",
creater: "管理员",
pubtime: "2022-07-20 14:00:03",
cretime: "2022-07-20 14:00:03",
haspub: true,
},
{
key: 4,
number: 4,
manager: "ui成长之路",
state: "草稿",
creater: "管理员",
pubtime: "2022-07-20 14:00:03",
cretime: "2022-07-20 14:00:03",
haspub: true,
},
{
key: 4,
number: 4,
manager: "ui成长之路",
state: "草稿",
creater: "管理员",
pubtime: "2022-07-20 14:00:03",
cretime: "2022-07-20 14:00:03",
haspub: true,
},
{
key: 4,
number: 4,
manager: "ui成长之路",
state: "草稿",
creater: "管理员",
pubtime: "2022-07-20 14:00:03",
cretime: "2022-07-20 14:00:03",
haspub: true,
},
{
key: 4,
number: 4,
manager: "ui成长之路",
state: "草稿",
creater: "管理员",
pubtime: "2022-07-20 14:00:03",
cretime: "2022-07-20 14:00:03",
haspub: true,
},
{
key: 4,
number: 4,
manager: "ui成长之路",
state: "草稿",
creater: "管理员",
pubtime: "2022-07-20 14:00:03",
cretime: "2022-07-20 14:00:03",
haspub: true,
},
{
key: 4,
number: 4,
manager: "ui成长之路",
state: "草稿",
creater: "管理员",
pubtime: "2022-07-20 14:00:03",
cretime: "2022-07-20 14:00:03",
haspub: true,
},
],
imgData: [
{