@import "../tool/tool"; // body{ // background-image: url(/public/image/gezi.png); // background-size: 20px 20px; // } .avatar{ width: 100px; height: 100px; border-radius: 50%; } .page{ min-height: 100%; padding-top: 20px; position: relative; } /* 用户信息样式 */ .userinfo{ display: flex; align-items: center; width: 500px; @include media(xs,sm) { width: 100%; } .user_detail{ flex: 1; margin-left: 10px; .user_name{ font-size: 1.67em; // 20px/12 } .user_desc{ text-indent: 10px; // padding-top: 5px; @include ellipsis(3) } } }