|  |  |  | 
|---|
|  |  |  | 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; | 
|---|
|  |  |  | } | 
|---|