philosophyship-mobile/page/mine.css

philosophship-mobile 手机端H5 ui 样式库

/*
 * @Author: Shenxf 
 * @Date: 2019-08-29 16:17:41 
 * @Last Modified by: Shenxf
 * @Last Modified time: 2019-08-29 18:21:25
 */
@import '../node_modules/font-awesome/css/font-awesome.min.css';

/* 个人中心页面 */
/* 用户信息 */
.page-mine .user {
    display: flex;
    padding: 1rem .8rem;
}

/* 头像 */
.page-mine .user>.portrait {
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
}

/* 用户信息 */
.page-mine .user>.info {
    flex: 1;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    margin-left: 1rem;
}

/* 昵称 */
.page-mine .user>.info>.nick-name {
    font-size: 1.2rem;
    font-weight: normal;
}

/* 关注和收藏 */
.page-mine .user .detail-item {
    color: #aaa;
    font-size: .7rem;
}

.page-mine .user .detail-item+.detail-item {
    margin-left: .5rem;
    padding-left: .5rem;
    border-left: 1px solid #ddd;
}

/* 退出按钮 */
.page-mine .logout-btn {
    border: none;
}