/* pages/user/index.wxss */ page{ font-size: 15px; } .container { background-color: #FAFAFA; height: 100vh; } .page_hd { border-bottom: 7px solid #f7f7f7; } .page_hd .weui-cells:before { border-top: 0px solid white; } .page_hd .weui-cells:after { border-bottom: 0px solid white; } .user_hd { display: flex; flex-direction: row; align-items: center; overflow: hidden; } .user_auth_hd { display: flex; flex-direction: row; align-items: center; justify-content: center; } .user_logo { width: 80px; height: 80px; border-radius: 50%; } .user_name { width: 400rpx; color: #292E3E; padding-left: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /* 页面body */ .page_bd .weui-cell__hd { display: flex; align-items: center; } .page_bd .weui-cell__icon { width: 19px; height: 16px; padding: 0 10px 0 0; } .msg_footer:after { content: ""; top: calc(50% - 5px); left: -20px; width: 8px; height: 8px; border-radius: 4px; position: absolute; background-color: red; } .user_auth_name{ width: 150px; color: #292E3E; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .nav{ height:410rpx; background-color: white; } .nav_public{ height:200rpx; background-color: white; } .circular{ width: 70rpx; height: 70rpx; /* border-radius: 50%; */ /* background-color: thistle; */ display: flex; align-items: center; justify-content: center; } .tit{ font-size: 13px; margin-top: 5px; color:rgb(103,103,103) } .icon{ width: 100%; height: 100%; } .van-grid-item__content{ padding:16px 0 !important; } .title-cell{ width: 100%; background-color: white; display: flex; align-items: center; justify-content: center; padding:10px 0 5px 0; } .con{ width: 92%; display: flex; align-items: center; justify-content: space-between; } .t{ font-size: 15px; font-weight: bold; } .t2{ display: flex; align-items: center; font-size: 13px; color:rgb(106,106,106); } .header{ width: 100%; height:150px; display:flex; align-items: center; justify-content: center; background-color: white; margin-bottom: 10px; } .column{ width: 90%; display:flex; align-items: center; justify-content: space-between; }