|
|
@@ -33,12 +33,9 @@
|
|
|
</el-col>
|
|
|
<el-col :span="3">
|
|
|
<div class="user">
|
|
|
- <div class="manage-icon"></div>
|
|
|
<div class="alert-icon"></div>
|
|
|
- <div class="inner-user">
|
|
|
- <div class="admin-icon"></div>
|
|
|
- <div class="text">user</div>
|
|
|
- </div>
|
|
|
+ <div class="admin-icon"></div>
|
|
|
+ <div class="inner-user">user</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -142,50 +139,37 @@ export default {
|
|
|
float: right;
|
|
|
margin-right: 30px;
|
|
|
line-height: 60px;
|
|
|
- font-size: 20px;
|
|
|
cursor: pointer;
|
|
|
- width: 100%;
|
|
|
+ width: 95%;
|
|
|
height: 100%;
|
|
|
position: relative;
|
|
|
- .manage-icon {
|
|
|
- width: 28px;
|
|
|
- height: 28px;
|
|
|
- position: absolute;
|
|
|
- left: 5px;
|
|
|
- top: 16px;
|
|
|
- background: url("../../assets/home/header_manage.png") no-repeat center;
|
|
|
- }
|
|
|
.alert-icon {
|
|
|
width: 26px;
|
|
|
height: 30px;
|
|
|
position: absolute;
|
|
|
- left: 80px;
|
|
|
+ left: 20px;
|
|
|
top: 14px;
|
|
|
background: url("../../assets/home/header_alert.png") no-repeat center;
|
|
|
}
|
|
|
+ .admin-icon {
|
|
|
+ width: 41px;
|
|
|
+ height: 41px;
|
|
|
+ background: #74ffff;
|
|
|
+ border: 1px solid #ffffff;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 80px;
|
|
|
+ top: 8px;
|
|
|
+ }
|
|
|
.inner-user {
|
|
|
width: 46px;
|
|
|
height: 46px;
|
|
|
position: absolute;
|
|
|
- right: 10px;
|
|
|
+ right: 15px;
|
|
|
top: 4px;
|
|
|
color: #fff;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-around;
|
|
|
- .admin-icon {
|
|
|
- width: 32px;
|
|
|
- height: 32px;
|
|
|
- background: #74ffff;
|
|
|
- border: 1px solid #ffffff;
|
|
|
- border-radius: 50%;
|
|
|
- }
|
|
|
- .text {
|
|
|
- width: 38px;
|
|
|
- height: 8px;
|
|
|
- line-height: 8px;
|
|
|
- }
|
|
|
+ line-height: 46px;
|
|
|
+ font-size: 27px;
|
|
|
}
|
|
|
}
|
|
|
</style>
|
Bella