130 lines
2.7 KiB
Plaintext
130 lines
2.7 KiB
Plaintext
|
|
.user_top_wrapper.data-v-4bd6864f {
|
|
margin-bottom: 54px;
|
|
padding: 0 10px;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
}
|
|
.bg.data-v-4bd6864f {
|
|
display: block;
|
|
width: 100%;
|
|
height: 200px;
|
|
border-radius: 40px;
|
|
}
|
|
.user_avatar_wrapper.data-v-4bd6864f {
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
bottom: -38px;
|
|
width: 140px;
|
|
height: 140px;
|
|
border-radius: 50%;
|
|
background-color: #fff;
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
|
|
}
|
|
.user_avatar_wrapper .avatar.data-v-4bd6864f {
|
|
display: block;
|
|
width: 140px;
|
|
height: 140px;
|
|
border-radius: 50%;
|
|
}
|
|
.user_name.data-v-4bd6864f {
|
|
width: 100%;
|
|
font-size: 16px;
|
|
line-height: 36px;
|
|
text-align: center;
|
|
color: rgba(166, 166, 166, 1);
|
|
}
|
|
.user_menu.data-v-4bd6864f {
|
|
margin-top: 20px;
|
|
padding: 0 24px;
|
|
box-sizing: border-box;
|
|
}
|
|
.menu_item.data-v-4bd6864f {
|
|
position: relative;
|
|
margin-bottom: 20px;
|
|
width: 100%;
|
|
height: 60px;
|
|
border-radius: 24px;
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
color: #000000;
|
|
text-align: center;
|
|
line-height: 60px;
|
|
}
|
|
.icon_wrapper.data-v-4bd6864f {
|
|
position: absolute;
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 50%;
|
|
background-color: rgba(245, 245, 247, 1);
|
|
left: 8px;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
.icon_wrapper .iconfont.data-v-4bd6864f {
|
|
font-size: 24px !important;
|
|
text-align: center;
|
|
line-height: 50px;
|
|
}
|
|
.mask.data-v-4bd6864f {
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
width: 100%;
|
|
height: 100vh;
|
|
background: rgba(0, 0, 0, 0.5);
|
|
}
|
|
.mask .dialog.data-v-4bd6864f {
|
|
margin: 100px auto 0;
|
|
width: calc(100% - 40px);
|
|
min-height: calc(100vh - 200px);
|
|
background: #fff;
|
|
border-radius: 36px;
|
|
padding: 0 20px 18px;
|
|
box-sizing: border-box;
|
|
}
|
|
.dialog_title.data-v-4bd6864f {
|
|
display: block;
|
|
height: 60px;
|
|
line-height: 60px;
|
|
text-align: center;
|
|
}
|
|
.content_scroll_wrapper.data-v-4bd6864f {
|
|
height: calc(100% - 78px);
|
|
overflow-y: scroll;
|
|
}
|
|
.mask .edit_dialog.data-v-4bd6864f {
|
|
margin: 220px auto 0;
|
|
height: 220px;
|
|
min-height: auto;
|
|
}
|
|
.username_input.data-v-4bd6864f {
|
|
padding: 20px;
|
|
box-sizing: border-box;
|
|
}
|
|
.username_input input.data-v-4bd6864f {
|
|
padding: 0 12px;
|
|
box-sizing: border-box;
|
|
font-size: 16px;
|
|
border-radius: 5px;
|
|
width: 100%;
|
|
height: 48px;
|
|
background: rgba(235, 235, 235, 0.53);
|
|
}
|
|
.btn_wrapper.data-v-4bd6864f {
|
|
padding: 0 40px;
|
|
box-sizing: border-box;
|
|
}
|
|
.btn_wrapper .submit_btn.data-v-4bd6864f {
|
|
width: 100%;
|
|
height: 48px;
|
|
border-radius: 24px;
|
|
color: #fff;
|
|
background: linear-gradient(270deg, rgba(255, 153, 71, 1) 0%, rgba(242, 52, 255, 1) 57.29%, rgba(243, 64, 125, 1) 83.14%, rgba(243, 67, 98, 1) 100%);
|
|
}
|
|
|