.uni-datetime-picker-view { width: 100%; height: 130rpx; margin-top: 60rpx; } .uni-datetime-picker-item { line-height: 100rpx; text-align: center; } .uni-title{ text-align: center; } .uni-datetime-picker-btn { margin-top: 120rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: #00B9FF; cursor: pointer; } .uni-datetime-picker-btn-group { display: -webkit-box; display: -webkit-flex; display: flex; } .uni-datetime-picker-cancel { margin-right: 60rpx; } .uni-datetime-picker-mask { position: fixed; bottom: 0rpx; top: 0rpx; left: 0rpx; right: 0rpx; background-color: rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; z-index: 998; } .uni-datetime-picker-popup { border-radius: 16rpx; padding: 60rpx; width: 540rpx; background-color: #fff; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; z-index: 999; } .uni-datetime-picker-time { color: grey; } .uni-datetime-picker-colon::after { content: ':'; position: absolute; top: 106rpx; right: 0; } .uni-datetime-picker-hyphen::after { content: '-'; position: absolute; top: 106rpx; right: -4rpx; } .uni-datetime-picker-timebox { border: 2rpx solid #E5E5E5; border-radius: 40rpx; padding: 14rpx 40rpx; box-sizing: border-box; cursor: pointer; width: 80%; margin-left: 20%; } /* 下箭头 */ .uni-datetime-picker-down-arrow { display :inline-block; position: relative; width: 40rpx; height: 30rpx; } .uni-datetime-picker-down-arrow::after { display: inline-block; content: " "; height: 18rpx; width: 18rpx; border-width: 0 2rpx 2rpx 0; border-color: #E5E5E5; border-style: solid; -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); -webkit-transform-origin: center; transform-origin: center; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; position: absolute; top: 50%; right: 10rpx; margin-top: -10rpx; } .uni-datetime-picker-flex { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }