view, scroll-view, text, swiper, swiper-item { box-sizing: border-box !important; } image, img{ display: block; border: 0; } .white-box{ background-color: #fff; border-radius: 16rpx; padding: 20rpx; } // 底部安全区域 .safe-area-inset-bottom{ padding-bottom: constant(safe-area-inset-bottom) !important; padding-bottom: env(safe-area-inset-bottom) !important; } .safe-area-issue { margin-bottom: constant(safe-area-inset-bottom) !important; margin-bottom: env(safe-area-inset-bottom) !important; } // 暂无数据 .no-data{ text-align: center; font-size: 28rpx; color: #707476; height: 200rpx; line-height: 200rpx; } uni-page-body { height: 100%; } .page100{ height: 100%; } .top-0 { top: 0; } .left-0 { left: 0; } .right-0 { right: 0; } .bottom-0 { bottom: 0; } .text-center { text-align: center; } .flex { display: flex; } .flex-column{ display: flex; flex-direction: column; } .flex1{ flex: 1; overflow: hidden; position: relative; } .jcc { justify-content: center; } .aic { align-items: center; } .jcsb { justify-content: space-between; } .jcsa { justify-content: space-around; } .aife { align-items: flex-end; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .hidden { overflow: hidden; } .width100 { width: 100%; } .height100 { height: 100%; } .padding20{ padding: 20rpx; } .paddinglr20{ padding: 0 20rpx; } .bold { font-weight: bold; } .position-r { position: relative; } .position-a { position: absolute; } .position-f { position: fixed; } .position-s { position: sticky; } .ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .ellipsis-1{ overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; -webkit-box-pack: center;//设置高度后只有一行时上下居中 } .ellipsis-2{ overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-box-pack: center;//设置高度后只有一行时上下居中 } // 底部安全区域 .safe-area-inset-bottom{ padding-bottom: constant(safe-area-inset-bottom) !important; padding-bottom: env(safe-area-inset-bottom) !important; } .safe-area-issue { margin-bottom: constant(safe-area-inset-bottom) !important; margin-bottom: env(safe-area-inset-bottom) !important; }