123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109 |
- @charset "UTF-8";
- /* 水平间距 */
- /* 水平间距 */
- .container.data-v-dcbcfe34 {
- background: #9EC8F9;
- padding: 0 10px;
- overflow: scroll;
- }
- .user.data-v-dcbcfe34 {
- background: #fff;
- border-radius: 10px;
- padding: 0 10px;
- position: relative;
- margin-top: 10vw;
- }
- .user .userInfo.data-v-dcbcfe34 {
- display: flex;
- }
- .user .userInfo .message.data-v-dcbcfe34 {
- position: absolute;
- right: 10px;
- top: 8px;
- }
- .user .userInfo .message .icon.data-v-dcbcfe34 {
- width: 30px;
- }
- .user .userInfo .userPhoto.data-v-dcbcfe34 {
- width: 74px;
- height: 74px;
- border-radius: 50%;
- border: solid 3px #6BAFFF;
- position: relative;
- top: -20px;
- background: #dedede;
- }
- .user .userInfo .info.data-v-dcbcfe34 {
- padding: 10px;
- }
- .user .userInfo .info .name.data-v-dcbcfe34 {
- font-weight: 600;
- }
- .user .userInfo .info .loginText.data-v-dcbcfe34 {
- font-weight: 600;
- }
- .user .userInfo .info .id.data-v-dcbcfe34 {
- margin-top: 5px;
- font-size: 13px;
- display: flex;
- align-items: center;
- }
- .user .userInfo .info .id .copy.data-v-dcbcfe34 {
- width: 14px;
- margin-left: 5px;
- }
- .user .row.data-v-dcbcfe34 {
- display: flex;
- justify-content: space-around;
- }
- .user .row .box.data-v-dcbcfe34 {
- display: flex;
- flex-direction: column;
- text-align: center;
- padding: 20px 10px;
- }
- .user .row .box .label.data-v-dcbcfe34 {
- margin-top: 5px;
- font-size: 15px;
- }
- .user .row .box .value.data-v-dcbcfe34 {
- font-size: 20px;
- font-weight: 600;
- }
- .menus.data-v-dcbcfe34 {
- margin-top: 20px;
- background: #fff;
- border-radius: 10px;
- }
- .menus .title.data-v-dcbcfe34 {
- position: relative;
- left: -10px;
- top: -10px;
- width: calc(100% + 10px);
- height: 55px;
- }
- .menus .title image.data-v-dcbcfe34 {
- width: 100%;
- height: 100%;
- }
- .menus .menuList.data-v-dcbcfe34 {
- display: grid;
- grid-template-columns: 1fr 1fr 1fr;
- padding: 20px 20px 0 20px;
- }
- .menus .menuList .menu.data-v-dcbcfe34 {
- margin-bottom: 30px;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- }
- .menus .menuList .menu image.data-v-dcbcfe34 {
- width: 36px;
- height: 36px;
- }
- .menus .menuList .menu ._span.data-v-dcbcfe34 {
- margin-top: 10px;
- font-size: 14px;
- }
|