123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104 |
- /**app.wxss**/
- .sg-container {
- min-height: 100vh;
- padding-bottom: 100rpx;
- background: #f7f7f7;
- }
- .sg-bg {
- width: 100%;
- position: fixed;
- top: 0;
- left: 0;
- z-index: -1;
- }
- .sg-pad-top {
- padding-top: 30rpx;
- }
- .sg-pad {
- padding: 30rpx;
- }
- .sg-pad-lg {
- padding: 50rpx;
- box-sizing: border-box;
- }
- .sg-center {
- text-align: center;
- }
- .sg-primary-color {
- color: #195ED7;
- }
- .sg-gray-color {
- color: rgba(16, 16, 16, 0.5);
- }
- .sg-bold {
- font-weight: bold;
- }
- .sg-bottom-border {
- border-bottom: 1px solid #ebedf0;
- }
- .sg-margin-top-sm {
- margin-top: 30rpx;
- }
- .sg-margin-top {
- margin-top: 50rpx;
- }
- .sg-margin-tb {
- margin: 30rpx 0;
- }
- .sg-margin-tb-sm {
- margin: 15rpx 0;
- }
- .sg-shadow {
- box-shadow: 0px 4px 6px 1px #c9c9c9;
- }
- .sg-icon-img {
- width: 50rpx;
- }
- .sg-font-xs {
- font-size: 0.8rem;
- }
- .sg-font-small {
- font-size: 0.9rem;
- }
- .sg-index-bg {
- background-color: #5693FC;
- }
- .sg-index-color {
- color: #5693FC;
- }
- .sg-avatar {
- width: 80rpx;
- border-radius: 50%;
- border: 2px solid white;
- }
- .sg-icon {
- font-size: 1.2rem;
- }
- .sg-header {
- font-size: 1.2rem;
- font-weight: bold;
- }
- .sg-flex {
- display: flex;
- }
- .sg-align-center {
- align-items: center;
- }
- .sg-space-between {
- justify-content: space-between;
- }
- .sg-flex-grow {
- flex-grow: 1;
- }
- .sg-bottom-submit-box {
- position: fixed;
- bottom: 0;
- left: 0;
- width: 100%;
- background: white;
- }
- .sg-big-avatar {
- width: 130rpx;
- margin-right: 30rpx;
- border-radius: 50%;
- }
|