//css函数 声明函数 @function tovmin($rpx){//$rpx为需要转换的字号 @return #{$rpx * 100 / 750}vmin; } page { background-color: #F4F5F7; } .app { font-size: tovmin(35); padding: 0 0 tovmin(200) 0; position: relative; // height:100vh; .signout{ // position: absolute; // bottom: 60rpx; // width: 94%; background: #FFFFFF; margin-top: tovmin(50); height: tovmin(80); line-height: tovmin(80); // left:3%; border-radius: tovmin(20); text-align: center; } .information { width: 94%; border-radius: tovmin(20); position: absolute; top: tovmin(400); left: 3%; color: #000000; padding:0 0 0 0; overflow: hidden; font-size: tovmin(32); .item { box-shadow: tovmin(0) tovmin(9) tovmin(31) tovmin(9) rgba(0, 0, 0, 0.03); // height: 110rpx; line-height: tovmin(110); border-bottom: tovmin(1) solid #D8D4D4; padding:0 0 0 5%; background: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; // .address { // position: absolute; // top:50%; // transform: translateY(-50%); // // font-size: 30rpx; // display: inline-block; // width: 80%; // overflow: hidden; // text-overflow: ellipsis; // white-space: nowrap; // } } } .user { width: 100%; height: tovmin(600); background: #4C7BC9; position: relative; color: #FFFFFF; .modify { font-size: tovmin(32); position: absolute; right: 3%; top: 35%; } .nickname { position: absolute; top: 35%; left: 33%; } .phone { position: absolute; top: 13%; left: 33%; } .img { width: tovmin(150); height: tovmin(150); border-radius: 50%; background: #F6F6F6; position: absolute; top: 25%; left: 8%; image { width: tovmin(100); margin-left: 50%; margin-top: 50%; transform: translate(-50%, -50%); height: tovmin(100); } } } }