/* 这里是你自己写的全局css样式 */
$u-theme-color: #2080f0; // 全局主题色
$u-sub-color: #2080f0; // 全局辅助色
// 标题字号规范
$u-hd: 68rpx; // 超大标题
$u-h1: 56rpx; // 一级
$u-h2: 44rpx; // 二级
$u-h3: 40rpx; // 三级
// 正文字号规范
$u-p: 32rpx; // 着重
$u-p1: 28rpx; // 正文
$u-p2: 24rpx; // 描述
$u-sub: 20rpx; // 注脚
// 颜色规范
$u-main-color: #303133;
$u-content-color: #606266;
$u-tips-color: #909399;
$u-light-color: #c0c4cc;
$u-border-color: #e4e7ed;
$u-bg-color: #f3f4f6;
$u-type-primary: #2979ff;
$u-type-primary-light: #ecf5ff;
$u-type-primary-disabled: #a0cfff;
$u-type-primary-dark: #2b85e4;
$u-type-warning: #ff9900;
$u-type-warning-disabled: #fcbd71;
$u-type-warning-dark: #f29100;
$u-type-warning-light: #fdf6ec;
$u-type-success: #19be6b;
$u-type-success-disabled: #71d5a1;
$u-type-success-dark: #18b566;
$u-type-success-light: #dbf1e1;
$u-type-error: #fa3534;
$u-type-error-disabled: #fab6b6;
$u-type-error-dark: #dd6161;
$u-type-error-light: #fef0f0;
$u-type-info: #909399;
$u-type-info-disabled: #c8c9cc;
$u-type-info-dark: #82848a;
$u-type-info-light: #f4f4f5;
$u-form-item-height: 70rpx;
$u-form-item-border-color: #dcdfe6;
// 其他自定义
.page {
background-color: $u-bg-color;
padding: 20rpx;
}
.empty-wrap {
margin-top: 200rpx;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.content-page {
min-height: 100vh;
background-color: #fff;
}
.footer {
display: flex;
align-items: center;
color: $u-tips-color;
width: 100%;
padding: 20rpx 0;
justify-content: center;
}
// 阴影
.box-shadow {
box-shadow: 0rpx 2rpx 4rpx 0 rgba(0, 0, 0, 0.2);
}
// flex换行bug。
.flex-empty {
visibility: hidden;
width: 120rpx;
height: 0rpx;
}
//
.bwin-btn-100 {
width: 100%;
}
// popup
.bwin-popup {
display: flex;
flex-direction: column;
width: 100%;
position: relative;
min-height: 100%;
overflow: hidden;
.popup-header {
z-index: 2;
width: 80%;
position: fixed;
padding: 20rpx 0;
text-align: center;
font-size: 32rpx;
color:#fff;
font-weight: bold;
background-color: $u-theme-color;
border-top-left-radius: 20rpx;
border-top-right-radius: 20rpx;
}
.popup-body {
z-index: 1;
position: relative;
top: 90rpx;
margin-bottom: 90rpx;
padding: 20rpx;
font-size: $u-p;
overflow-y: scroll;
}
.popup-footer {
position: relative;
left: 0;
bottom: 20rpx;
width: 100%;
display: flex;
justify-content: space-around;
}
}
/* #ifdef H5 */
.uni-mask,
.uni-modal,
uni-toast,
uni-modal,
.uni-actionsheet {
z-index: 999999 !important;
}
/* #endif */