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;
    max-width: 220rpx;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

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

.icon-edit {
    width: 42rpx;
    height: 42rpx;
    margin-left: 15rpx;
    /* position: absolute; */
    /* right: 80rpx; */
}

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

.icon-operation {
    width: 42rpx;
    height: 42rpx;
    margin-left: 30rpx;
}

.text-operation {
    /* font-size: 22rpx; */
    margin-left: 20rpx;
}