| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- /***** 这里存放通用页面样式 *****/
- .mobile-my-page{
- width:100%;height: calc(100vh - 180rpx);overflow: auto;background: #F3F5F7;padding-bottom: 60rpx;
- // 用户信息
- .user-info-box {
- width: 100%;height: 333rpx;background-color: #fff;
- background-image: url("@/static/images/my/user-info-bj.png");@include ezy-no-repeat-cover();
- display: flex;align-items: center;padding-top: 16px;box-sizing: border-box;
- // 图片
- .user-img-box {
- width: 120rpx;height: 120rpx;margin-left: 24rpx;border-radius: 50%;overflow: hidden;
- img{width: 100%;height: 100%;}
- }
- // 用户信息
- .user-content-box {
- margin-left: 48rpx;
- // 姓名
- .user-name {display: block;font-size: 36rpx;color: #fff;margin-bottom: 24rpx;font-weight: 800;}
- // 详细信息
- .user-info {
- display: flex;align-items: center;
- >view{font-size: 24rpx;color: #fff}
- text{width: 1px;height: 24rpx;display: block;margin: 0 12rpx;background: #fff;}
- }
- }
- }
-
- .my-list-box{
- width:100%;margin: 0 auto;background-color: #fff;padding: 0 36rpx;
- .list-row{border-bottom: 2rpx solid #eee;color: #333;box-sizing: border-box;padding: 24rpx 0;
- display: flex;align-items: center;position: relative;
- .row-content{margin-left: auto;margin-right: 32rpx;color: #9c9c9c;font-size: 30rpx;}
- }
- .list-row::after{
- content: '';width: 30rpx;height: 30rpx;@include ezy-no-repeat-cover;
- background-image: url("@/static/images/common/nav-bar-jt-bottom.svg");
- position: absolute;right: 0;transform: rotate(270deg);
- }
- .list-row:last-child{border: 0;}
- .list-icon{width: 70rpx;height: 70rpx;@include ezy-no-repeat-cover;margin-right: 12rpx;}
- .xuefen-icon{background-image: url("@/static/images/my/my-credits-icon-sj.png");}
- .xiaoxi-icon{background-image: url("@/static/images/my/my-news-icon-sj.png");}
- .zhengshu-icon{background-image: url("@/static/images/my/my-certificate-icon-sj.png");}
- .cuoti-icon{background-image: url("@/static/images/my/my-wrong-icon-sj.png");}
- .baoming-icon{background-image: url("@/static/images/my/my-baoming-icon-sj.png");}
- .sxtcs-icon{background-image: url("@/static/images/my/my-ceshi-icon-sj.png");}
- .sxtsm-icon{background-image: url("@/static/images/my/my-explain-icon-sj.png");}
- .shezhi-icon{background-image: url("@/static/images/my/my-setting-icon-sj.png");}
- }
- .my-list-box + .my-list-box{margin-top: 20rpx;}
- }
|
