/* pages/mine/mine.wxss */ page{ background-color: #F5F5F5; } .mine-bg{ height: 200pt; } .select-box{ transform: translateY(-75pt); padding: 0 15pt; } .select-box .avator{ height: 68px; width: 100%; display: flex; align-items: center; margin-bottom: 10px; } .select-box .avator image:nth-child(1){ width: 68px; height: 68px; background-color: #333; border-radius: 50%; margin-right: 20px; } .select-box .avator .info{ flex: 1; display: flex; height: 68px; flex-direction: column; justify-content: space-around; } .avator .info text:nth-child(1){ color: #fff; font-size: 18px; } .avator .info text:nth-child(2){ color: #fff; font-size: 11px; width: 100px; height: 18px; background-color: rgba(255,255,255,0.3); line-height: 18px; text-align: center; border-radius: 9px; } .select-box .avator image:nth-child(3){ width: 35px; height: 35px; } .select-box .select{ height: 90pt; background-color: #fff; border-radius: 10px; display: flex; justify-content: space-around; align-items: center; } .select-item{ flex: 1; height: 60pt; font-size: 10pt; color: #666666; flex-direction: column; display: flex; justify-content: space-around; align-items: center; } .select-item text:nth-child(1){ color: #333; font-size: 24px; } .select-item text:nth-child(2){ color: #333; font-size: 12px; } /* 个人信息选项栏 */ .list-info{ margin-top: -65pt; padding: 15pt; } .list-info .title{ font-size: 16px; font-weight: 500; } .list-info .info-content{ padding: 0 15pt 0 15pt; background-color: #fff; border-radius: 10px; } .info-content .list-item{ height: 45px; display: flex; justify-content: space-between; align-items: center; } .list-item .item-title{ color: #333; font-size: 15px; display: flex; align-items: center; } .info-content .list-item image:nth-child(1){ width: 18px; height: 18px; margin-right: 10px; } .info-content .list-item image:nth-child(2){ width: 6px; height: 10px; } .logout{ padding: 0 15px; margin: 10px 0; } .logout text{ display: flex; justify-content: center; align-items: center; height: 45px; background-color: #fff; border-radius: 5px; font-size: 13px; color: #069F99; }