123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109 |
- .TUI-profile-h5 {
- background: #efefef;
- flex: 1;
- display: flex;
- flex-direction: column;
- width: 100%;
- &-basic {
- display: flex;
- width: 100%;
- box-sizing: border-box;
- background: #fff;
- padding: 14px 18px;
- flex-direction: row;
- align-items: flex-start;
- margin-bottom: 10px;
- &-avatar {
- flex: 0 0 auto;
- width: 78px;
- height: 78px;
- border-radius: 8px;
- }
- &-info {
- flex: 0 1 auto;
- min-width: 0;
- &-nick {
- font-size: 14px;
- word-break: keep-all;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- padding: 6px 0;
- font-family: PingFangSC-Medium;
- font-weight: 500;
- color: #000;
- letter-spacing: 0;
- }
- &-id {
- font-family: PingFangSC-Regular;
- color: #999;
- letter-spacing: 0;
- font-size: 14px;
- word-break: keep-all;
- padding: 6px 0;
- &-value {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- }
- }
- }
- &-setting {
- width: 100%;
- flex-direction: column;
- &-item {
- margin-bottom: 10px;
- background: #fff;
- padding: 10px;
- &-exit {
- .TUI-profile-h5-setting-item-label {
- justify-content: center;
- .label-left {
- .label-title {
- color: red;
- }
- }
- }
- }
- &-label {
- .label-left {
- display: flex;
- flex-direction: column;
- .label-title {
- color: #444;
- font-size: 14px;
- }
- }
- .label-right {
- color: #000;
- font-size: 14px;
- display: flex;
- flex-direction: row;
- align-items: center;
- }
- }
- &-bottom-popup {
- font-size: 16px;
- color: #147aff;
- padding: 10px;
- border-bottom: 1px solid #DBDBDB;
- }
- }
- }
- }
|