.margin-bottom-with-bar { margin-bottom: calc(120rpx + constant(safe-area-inset-bottom) / 2); margin-bottom: calc(120rpx + env(safe-area-inset-bottom) / 2); } .occupancy-bottom-bar { width: 100%; height: calc(120rpx + constant(safe-area-inset-bottom) / 2); height: calc(120rpx + env(safe-area-inset-bottom) / 2); } .fixed-bottom-bar { position: fixed !important; width: 100% !important; bottom: 0 !important; margin-bottom: 0 !important; z-index: 98; padding-bottom: constant(safe-area-inset-bottom / 2) !important; /*兼容 IOS<11.2*/ padding-bottom: env(safe-area-inset-bottom / 2) !important; /*兼容 IOS>11.2*/ } .cu-bar.tabbar.border .action checkbox { z-index: 3; } .fixed-top-bar { position: fixed !important; z-index: 98; width: 100%; } .sticky-bar { z-index: 10; position: sticky; top: 0; } .text-del { text-decoration: line-through; } .long-btn { width: 100%; } .flex-column-between { display: flex; flex-direction: column; justify-content: space-between; } .flex-column-around { display: flex; flex-direction: column; justify-content: space-around; } .cu-form-group .title { flex-basis: 24%; text-align: justify; padding-right: 30rpx; font-size: 30rpx; position: relative; height: 60rpx; line-height: 60rpx; } .cu-form-group picker .picker { line-height: 100rpx; font-size: 28rpx; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; text-align: left; color: #555; } .cu-form-group input { flex: 1; font-size: 28rpx; color: #555; padding-right: 20rpx; } .uni-forms-item__inner { display: flex !important; padding: 22rpx !important; border-top: 1rpx solid #eee !important; } .is-input-border { border: none !important; } .dialog-close { display: none !important; } .cu-form-group textarea { margin: 0 0 20rpx 0 !important; padding: 20rpx !important; } .flex-column-start { display: flex; flex-direction: column; justify-content: flex-start; } .radius-input { border: 1rpx solid rgba(0, 0, 0, 0.1); border-radius: 10rpx; padding: 11rpx; box-sizing: content-box; } .big-icon { font-size: 111rpx !important; } .one-line-ellipsis { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .two-line-ellipsis { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .divider { background: #E0E3DA; width: 100%; height: 5rpx; }