.flex-col { display: flex; flex-direction: column; } .flex-row { display: flex; flex-direction: row; } .flex-row-reverse { display: flex; flex-direction: row-reverse; } .bord{ border: 1px solid red; } .justify-start { display: flex; justify-content: flex-start; } .justify-center { display: flex; justify-content: center; } .justify-end { display: flex; justify-content: flex-end; } .justify-evenly { display: flex; justify-content: space-evenly; } .justify-around { display: flex; justify-content: space-around; } .justify-between { display: flex; justify-content: space-between; } .align-start { display: flex; align-items: flex-start; } .align-center { display: flex; align-items: center; } .align-end { display: flex; align-items: flex-end; } .sticky { display: flex; position: -webkit-sticky; position: sticky; top: 0rpx; z-index: 99; } .bord{ border: 1px solid red; } .tabBarLineHeight{ height: 138rpx; } .tabBarView{ position: fixed; bottom: 0; } .content{ width: 750rpx; padding: 0 25rpx; background: #F7F7F7; } .outView{ width: 700rpx; background: #FFFFFF; border-radius: 15rpx; position: relative; top: 250rpx; } .member-head-img{ height: 200rpx; position: absolute; top: -90rpx; left: 250rpx; } .imageLogo{ width: 200rpx; height: 200rpx; } .member-content{ margin-top: 140rpx; } .user-name{ font-size: 40rpx; font-weight: 600; } .qrcodeImage{ width: 480rpx; height: 480rpx; } .qrcode-desc{ font-size: 28rpx; padding-bottom: 25rpx; }