| | |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | /* 选择器容器样式 */ |
| | | .picker-container { |
| | | position: fixed; |
| | | top: 0; |
| | | left: 0; |
| | | width: 100%; |
| | | height: 100%; |
| | | z-index: 9999; |
| | | pointer-events: none; |
| | | } |
| | | |
| | | /* 蒙层样式 */ |
| | | .picker-mask { |
| | | position: absolute; |
| | | top: 0; |
| | | left: 0; |
| | | width: 100%; |
| | | height: 100%; |
| | | background-color: rgba(0, 0, 0, 0.5); |
| | | pointer-events: auto; |
| | | } |
| | | |
| | | .picker-container .t-date-time-picker, |
| | | .picker-container .t-picker { |
| | | pointer-events: auto; |
| | | } |
| | | |
| | | /* 当选择器显示时 */ |
| | | .t-date-time-picker[visible], |
| | | .t-picker[visible] { |
| | | position: absolute; |
| | | bottom: 0; |
| | | left: 0; |
| | | width: 100%; |
| | | background-color: #fff; |
| | | border-radius: 24rpx 24rpx 0 0; |
| | | } |
| | | |
| | | /* 表单项样式 */ |
| | | .form-item { |
| | | display: flex; |
| | |
| | | } |
| | | |
| | | .form-label { |
| | | display: flex; |
| | | align-items: center; |
| | | font-size: 28rpx; |
| | | color: #333; |
| | | font-weight: 500; |
| | | width: 200rpx; /* 固定标签宽度 */ |
| | | flex-shrink: 0; /* 防止标签宽度被压缩 */ |
| | | margin-bottom: 16rpx; |
| | | } |
| | | |
| | | .info-icon { |
| | | width: 32rpx; |
| | | height: 32rpx; |
| | | margin-left: 8rpx; |
| | | } |
| | | |
| | | .form-input { |
| | |
| | | font-size: 32rpx; |
| | | color: #1890FF; |
| | | font-weight: 500; |
| | | } |
| | | |
| | | .empty-container { |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | justify-content: center; |
| | | padding: 40rpx 0; |
| | | } |
| | | |
| | | .empty-image { |
| | | width: 200rpx; |
| | | height: 200rpx; |
| | | margin-bottom: 20rpx; |
| | | } |
| | | |
| | | .empty-text { |
| | | color: #999; |
| | | font-size: 30rpx; |
| | | } |
| | | |
| | | .empty-tip { |
| | | font-size: 28rpx; |
| | | color: #999; |
| | | } |
| | | |
| | | .dialog-content { |
| | | padding: 20rpx 0; |
| | | } |
| | | |
| | | .dialog-section { |
| | | margin-bottom: 24rpx; |
| | | } |
| | | |
| | | .dialog-section:last-child { |
| | | margin-bottom: 0; |
| | | } |
| | | |
| | | .dialog-title { |
| | | font-size: 28rpx; |
| | | color: #333; |
| | | font-weight: 500; |
| | | margin-bottom: 8rpx; |
| | | } |
| | | |
| | | .dialog-desc { |
| | | font-size: 26rpx; |
| | | color: #666; |
| | | line-height: 1.6; |
| | | padding-left: 20rpx; |
| | | } |