.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .container{ width: 100%; height: 100%; } /*android一像素兼容*/ ::-webkit-scrollbar{ width: 0; height: 0; color: transparent; display:none; } button { display: block; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; box-sizing: border-box; font-size: $font-size-28; text-align: center; text-decoration: none; line-height: 36rpx; border-radius: 0; -webkit-tap-highlight-color: transparent; overflow: hidden; color: $text-color; background-color: #FFFFFF; } button::after{ border: none; border-radius: 0; } /*输入框样式*/ .text-input{ display: flex; align-items: center; position: relative; width: 100%; height: 88rpx; padding:0 24rpx; margin: 0 auto; background: #F7F7F7; border-radius: 10rpx; line-height: 88rpx; .input{ width: 100%; height: 100%; background: #F7F7F7; font-size: $font-size-28; line-height: 88rpx; color: #333333; } &.b-b{ margin: 24rpx 0; } } /*空列表显示样式*/ .empty-container { display: flex; align-items: center; justify-content: center; flex-direction: column; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: $bg-color; // padding-bottom: 120rpx; border-top: 1px solid #EBEBEB; .club-empty-image{ width: 300rpx; height: 180rpx; margin-bottom: 20rpx; } &-image { width: 200rpx; height: 200rpx; margin-bottom: 10rpx; margin-top: -120rpx; } .error-text{ font-size: $font-size-28; color: #999999; line-height: 88rpx; } .txt{ font-size: $font-size-28; color: #999999; line-height: 44rpx; } .login-btn{ width: 702rpx; height: 88rpx; font-size: $font-size-28; line-height: 88rpx; color: #FFFFFF; margin: 0 auto; text-align: center; background: $btn-confirm; border-radius: 14rpx; margin-top: 40rpx; } } /*弹窗*/ .model-warp.none{ display: none; } .model-warp.show{ display: block; } .model-warp{ width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; z-index: 8888; transition: all 0.4s; &.none{ display: none; } &.show{ display: block; } .model-alert{ width: 518rpx; height: 280rpx; position: absolute; background: $bg-color; left: 0; right: 0; bottom: 0; top: 0; margin: auto; border-radius: 20rpx; .alert-content{ width: 466rpx; height: 100rpx; padding: 40rpx 26rpx; .t-h1,.t-p{ font-size: $font-size-28; line-height: 40rpx; color: #333333; text-align:justify; padding: 10rpx; } .t-h1{ border-bottom: 1px solid $border-color; } } .model-content{ width: 466rpx; height: 152rpx; padding: 40rpx 26rpx; display: flex; flex-direction: column; align-items: center; .sm{ display: flex; flex: 1; line-height: 152rpx; flex-direction: column; align-items: center; text-align: center; font-size: $font-size-28; color: #333333; } } .alert-btn{ width: 80%; height: 70rpx; display: flex; margin: 0 auto; .btn{ flex: 1; line-height: 70rpx; font-size: $font-size-28; text-align: center; color: #FFFFFF; border-radius: 10rpx; padding: 0; margin: 0 15rpx; &.btn-cancel{ background: $btn-cancel; } &.btn-confirm{ background: $btn-confirm; } } } } } /* *上滑加载更多 */ .load-more { font-size: $font-size-24; color: #666; text-align: center; width: 100%; } /*底部loading*/ .loading-wrapper { width: 100%; height: 60rpx; padding: 25rpx 0; color: #333; font-size: 24rpx; display: flex; align-items: center; justify-content: center; } .loading-wrapper-now text { margin-left: 6rpx; font-weight: bold; } .loading-wrapper-btm { color: #eee; .btm-text { color: #333; padding: 0 10rpx; } } /*富文本样式调整*/ .rich-text-temp { rich-text.div, rich-text.h4, rich-text.p { line-height: 58rpx; } rich-text.h4, rich-text.p { font-size: 30rpx; } rich-text.div { margin-bottom: 30rpx; font-size: 28rpx; } rich-text.img { width: 100%; height: auto; } } .form-item { display: flex; color: $text-color; margin-top: 74rpx; font-size: 26rpx; .asterisk { color: #FF2A2A; margin-right: 10rpx; } } // 表单提交button .submit-btn { position: fixed; left: 24rpx; right: 24rpx; bottom: 34rpx; z-index: 95; display: flex; align-items: center; justify-content: center; width: 702rpx; height: 88rpx; font-size: $font-size-28; line-height: 88rpx; color: #FFFFFF; text-align: center; background: $btn-confirm; border-radius: 14rpx; } // 小红点 .uni-badge--small { -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .uni-badge { font-family: 'Helvetica Neue', Helvetica, sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; line-height: 1; display: inline-block; padding: 3px 6px; color: #333; border-radius: 100px; background-color: #f1f1f1; } .uni-badge-error { color: #fff; background-color: #dd524d; }