mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-14 13:26:45 +08:00
style:增加滚动条
This commit is contained in:
@@ -6,35 +6,64 @@ body {
|
|||||||
// overflow-y: auto;
|
// overflow-y: auto;
|
||||||
}
|
}
|
||||||
//隐藏滚动条----------------------------------------------------------------
|
//隐藏滚动条----------------------------------------------------------------
|
||||||
div::-webkit-scrollbar {
|
// div::-webkit-scrollbar {
|
||||||
display: none !important;
|
// display: none !important;
|
||||||
width: 0 !important;
|
// width: 0 !important;
|
||||||
height: 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; /*对水平流动条有效*/
|
||||||
}
|
}
|
||||||
div::-moz-scrollbar {
|
|
||||||
display: none !important;
|
/*定义滚动条的轨道颜色、内阴影及圆角*/
|
||||||
width: 0 !important;
|
::-webkit-scrollbar-track{
|
||||||
height: 0 !important;
|
background-color: rgba(239, 244, 252, 1);
|
||||||
|
border-radius: 6px;
|
||||||
}
|
}
|
||||||
div::-o-scrollbar {
|
|
||||||
display: none !important;
|
|
||||||
width: 0 !important;
|
/*定义滑块颜色、内阴影及圆角*/
|
||||||
height: 0 !important;
|
::-webkit-scrollbar-thumb{
|
||||||
|
border-radius: 3px;
|
||||||
|
background-color: rgba(78, 166, 255, 1);
|
||||||
}
|
}
|
||||||
body::-webkit-scrollbar {
|
|
||||||
display: none !important;;
|
/*定义两端按钮的样式*/
|
||||||
width: 0 !important;
|
::-webkit-scrollbar-button {
|
||||||
height: 0 !important;
|
background-color:cyan;
|
||||||
|
display: none;
|
||||||
}
|
}
|
||||||
body::-moz-scrollbar {
|
|
||||||
display: none !important;
|
/*定义右下角汇合处的样式*/
|
||||||
width: 0 !important;
|
::-webkit-scrollbar-corner {
|
||||||
height: 0 !important;
|
background:rgba(239, 244, 252, 1);;
|
||||||
}
|
|
||||||
body::-o-scrollbar {
|
|
||||||
display: none !important;
|
|
||||||
width: 0 !important;
|
|
||||||
height: 0 !important;
|
|
||||||
}
|
}
|
||||||
//隐藏滚动条----------------------------------------------------------------
|
//隐藏滚动条----------------------------------------------------------------
|
||||||
|
|
||||||
|
|||||||
@@ -72,7 +72,7 @@ export default {
|
|||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.openPages {
|
.openPages {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 50px;
|
// height: 50px;
|
||||||
display: flex;
|
display: flex;
|
||||||
background-color: rgba(255, 255, 255, 1);
|
background-color: rgba(255, 255, 255, 1);
|
||||||
box-shadow: 0px 8px 8px 0px rgba(118, 136, 166, 0.1);
|
box-shadow: 0px 8px 8px 0px rgba(118, 136, 166, 0.1);
|
||||||
|
|||||||
@@ -71,13 +71,11 @@
|
|||||||
:data-source="tableData"
|
:data-source="tableData"
|
||||||
:loading="tableDataTotal === -1 ? true : false"
|
:loading="tableDataTotal === -1 ? true : false"
|
||||||
expandRowByClick="true"
|
expandRowByClick="true"
|
||||||
:scroll="{ x: 1600, y: 800 }"
|
:scroll="{ x: 1600 }"
|
||||||
@expand="expandTable"
|
@expand="expandTable"
|
||||||
:pagination="false"
|
:pagination="false"
|
||||||
/>
|
/>
|
||||||
<!-- :pagination= showSizeChanger: true, showQuickJumper: true,
|
|
||||||
hideOnSinglePage: true, pageSizeOptions: [], pageSize: pageSize, current:
|
|
||||||
currentPage, total: tableDataTotal, -->
|
|
||||||
<div class="pa">
|
<div class="pa">
|
||||||
<a-pagination
|
<a-pagination
|
||||||
showSizeChanger="true"
|
showSizeChanger="true"
|
||||||
@@ -244,6 +242,76 @@ export default {
|
|||||||
cretime: "2022-07-20 14:00:03",
|
cretime: "2022-07-20 14:00:03",
|
||||||
haspub: true,
|
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: [
|
imgData: [
|
||||||
{
|
{
|
||||||
|
|||||||
Reference in New Issue
Block a user