管理员页面调整

This commit is contained in:
X1627315083
2024-04-22 13:15:18 +08:00
parent 4d514bde18
commit 2a5cde138e
6 changed files with 65 additions and 85 deletions

View File

@@ -1,6 +1,6 @@
<template>
<div class="allUser_page">
<div class="allUser_table_search">
<div class="admin_page">
<div class="admin_table_search">
</div>
<div class="allUser_table_content" ref="historyTable">
@@ -120,7 +120,7 @@ export default defineComponent({
},
mounted() {
let historyTable: any = this.$refs.historyTable;
this.historyTableHeight = historyTable.clientHeight - 130;
this.historyTableHeight = historyTable.clientHeight - 200;
this.gettrialList();
let userInfo:any = getCookie("userInfo")
this.userInfo = JSON.parse(userInfo);
@@ -151,85 +151,13 @@ export default defineComponent({
});
</script>
<style lang="less">
.allUser_page {
.admin_page {
width: 100%;
height: 100%;
overflow: hidden;
// min-width: 1440px;
position: relative;
.allUser_table_search {
display: flex;
margin-top: 2rem;
padding: 2rem 3.5rem 5rem 2.8rem;
background: #fff;
display: flex;
justify-content: space-between;
.allUser_search{
width: 40%;
.allUser_search_item{
background: #343579;
border-color: #343579;
height: 4rem;
padding: .64rem 1.5rem;
font-size: 1.6rem;
border-radius: 2px;
display: inline-block;
color: #fff;
cursor: pointer;
}
}
.allUser_state {
position: relative;
cursor: pointer;
width: 60%;
.allUser_state_item{
margin-right: 2rem;
margin-bottom: 2rem;
display: flex;
align-items: center;
>span{
font-size: 1.6rem;
font-weight: 400;
color: #030303;
margin-right: 15px;
flex-shrink: 0;
display: block;
min-width: 13rem;
text-align: right;
}
}
.allUser_current{
background: #fff;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.header_user_content {
position: absolute;
border: 2px solid;
border-radius: 1rem;
overflow: hidden;
top: 0;
transform: translateY(6rem);
z-index: 2;
display: none;
margin-left: -2rem;
.username{
padding: 0 2rem;
color: #000;
}
.username:hover{
background: #e1e1e1;
}
&.active{
display: block;
}
}
}
}
.allUser_table_content {
margin-top: 2.6rem;
width: 100%;