light-application/light-application-wx/pages/personal/personal.wxss

/* pages/personal/personal.wxss */
page {
    background-color: #F0F4F7;
}

.bgimage {
    width: 100%;
    background-size: 100% auto;
}

.user-info {
    position: absolute;
    top: 133rpx;
    left: 32rpx;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.photo {
    width: 143rpx;
    height: 143rpx;
    border-radius: 71.5rpx;
}

.username {
    font-size: 36rpx;
    color: #FFFFFF;
    margin-left: 15rpx;
}

.role-name {
    font-size: 22rpx;
    color: #FFFFFF;
    background: #FFFFFF20;
    padding: 9rpx 15rpx;
    margin-left: 10rpx;
    border-radius: 20rpx;
}

.operation-row {
    box-sizing: border-box;
    /* width: 100%; */
    margin-top: 13rpx;
    margin-left: 20rpx;
    margin-right: 20rpx;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 10rpx;
    height: 70rpx;
}

.icon-exit {
    width: 28rpx;
    height: 28rpx;
    margin-left: 30rpx;
}

.text-exit {
    font-size: 22rpx;
    margin-left: 10rpx;
}