view,image,text,rich-text,progress,button,input,form,label,textarea{ box-sizing: border-box; margin: 0; padding: 0; } page, uni-page-body{ box-sizing: border-box; height: 100%; background: $bg-color; padding-bottom: 80rpx; } .hidden{ display: flex; visibility: hidden; } .logo-black{ background: url("/static/image/login/logo.png") no-repeat center; background-size: 100%; width: 120rpx; height: 120rpx; } .logo-white{ width: 180rpx; height: 180rpx; border-radius: 50%; position: relative; background: url("/static/image/login/logo-white.png") #000 no-repeat center; background-size: 60%; } .icon{ width: 40rpx; height: 40rpx; background-position: center; background-repeat: no-repeat; background-size: contain; &.icon-file{ width: 36rpx; height: 36rpx; background-image: url("/static/image/icon/file.png"); } &.icon-close{ background-image: url("/static/image/icon/close.png"); } &.icon-copy{ background-image: url("/static/image/icon/copy.png"); } &.icon-up{ width: 32rpx; height: 32rpx; background-image: url("/static/image/icon/up.png"); } &.icon-down{ width: 32rpx; height: 32rpx; background-image: url("/static/image/icon/down.png"); } &.icon-download{ width: 30rpx; height: 34rpx; background-image: url("/static/image/icon/download.png"); } &.icon-eye{ width: 32rpx; height: 32rpx; background-image: url("/static/image/icon/eye.png"); } &.icon-phone{ background-image: url("/static/image/icon/phone.png"); } &.icon-wechat{ background-image: url("/static/image/icon/wechat.png"); } &.icon-float-btn{ width: 100rpx; height: 100rpx; background-image: url("/static/image/icon/float-btn.png"); } }