This commit is contained in:
X1627315083
2023-12-22 17:33:53 +08:00
parent 15d0b78a0f
commit 66a104c74f
4 changed files with 30 additions and 17 deletions

View File

@@ -3,7 +3,7 @@
<div class="page_content">
<img
class="page_content_bg"
src="@/assets/images/homePage/bg.png"
src="@/assets/images/homePage/bg1.jpg"
/>
<div class="page_content_body">
<HeaderComponent></HeaderComponent>
@@ -136,7 +136,7 @@ export default defineComponent({
title: 'Email',
align: "center",
ellipsis: true,
width: 200,
width: 170,
dataIndex: "email",
key: "email",
},
@@ -158,7 +158,7 @@ export default defineComponent({
title: 'State',
align: "center",
ellipsis: true,
width: 100,
width: 150,
dataIndex: "status",
key: "status",
customRender: (record: any) => {
@@ -177,7 +177,7 @@ export default defineComponent({
title: 'Address',
align: "center",
ellipsis: true,
width: 100,
width: 150,
dataIndex: "country",
key: "country",
},
@@ -185,7 +185,7 @@ export default defineComponent({
title: 'Surname',
align: "center",
ellipsis: true,
width: 100,
width: 150,
dataIndex: "surname",
key: "surname",
},
@@ -202,7 +202,7 @@ export default defineComponent({
key: "operation",
align: "center",
fixed: "right",
width: 150,
width: 200,
// slots:{customRender:'action'}
Operations: true,
},
@@ -391,7 +391,6 @@ export default defineComponent({
position: relative;
.page_content {
position: relative;
.page_content_bg {
position: absolute;
width: 100%;
@@ -413,6 +412,7 @@ export default defineComponent({
display: flex;
align-items: center;
margin-top: 5rem;
color: #fff;
.range_picker {
width: 36rem;
height: 4.8rem;
@@ -450,7 +450,6 @@ export default defineComponent({
border: 0.1rem solid #f1f1f1;
font-size: 1.6rem;
font-weight: 400;
&::placeholder {
color: #c2c2c2;
}
@@ -492,9 +491,11 @@ export default defineComponent({
transform: translateY(6rem);
z-index: 2;
display: none;
margin-left: -2rem;
.username{
padding: 0 2rem;
background: #fff;
background: #ffffff;
color: #000;
}
.username:hover{
background: #e1e1e1;
@@ -510,9 +511,12 @@ export default defineComponent({
margin-top: 2.6rem;
width: 100%;
height: calc(100% - 13.7rem);
background: rgba(255, 255, 255, 0.6);
background: rgba(255, 255, 255, 0.3);
padding-bottom: 3rem;
border-radius: 2rem;
backdrop-filter: blur(3rem);
overflow: hidden;
box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.38);
.ant-table {
background: transparent;
}
@@ -526,19 +530,22 @@ export default defineComponent({
width: 0 !important;
}
}
.ant-table-thead > tr > th {
background: #ffffff;
background: #ffffff00;
color: #fff;
border-bottom: none;
backdrop-filter: blur(1rem);
}
.ant-table-tbody > tr > td {
border: none;
background: transparent;
// color: #fff;
}
.ant-table-tbody > tr {
&:hover > td {
background: #ffffff;
background: #ffffff3a;
}
}