|
|
@@ -43,7 +43,7 @@ export default {
|
|
|
days: [],
|
|
|
hours: [],
|
|
|
minutes: [],
|
|
|
- indicatorStyle: `height: 70rpx;`,
|
|
|
+ indicatorStyle: `height: 70upx;`,
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
@@ -239,9 +239,9 @@ export default {
|
|
|
<style lang="scss" scoped>
|
|
|
.time-picker-container {
|
|
|
background-color: #fff;
|
|
|
- border-radius: 20rpx;
|
|
|
- width: 300rpx;
|
|
|
- height: 400rpx;
|
|
|
+ border-radius: 20upx;
|
|
|
+ width: 300upx;
|
|
|
+ height: 400upx;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
overflow: hidden;
|
|
|
@@ -249,44 +249,45 @@ export default {
|
|
|
.picker-header {
|
|
|
position: relative;
|
|
|
text-align: center;
|
|
|
- padding: 20rpx;
|
|
|
+ padding: 20upx;
|
|
|
flex-shrink: 0;
|
|
|
|
|
|
.title {
|
|
|
- font-size: 26rpx;
|
|
|
+ font-size: 26upx;
|
|
|
font-weight: 350;
|
|
|
}
|
|
|
|
|
|
.close-btn {
|
|
|
position: absolute;
|
|
|
- right: 24rpx;
|
|
|
+ right: 24upx;
|
|
|
top: 50%;
|
|
|
transform: translateY(-50%);
|
|
|
- padding: 10rpx;
|
|
|
+ padding: 10upx;
|
|
|
}
|
|
|
}
|
|
|
.picker-view {
|
|
|
width: 100%;
|
|
|
- height: 100%;
|
|
|
+ flex: 1;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
.picker-item {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
- font-size: 22rpx;
|
|
|
+ font-size: 22upx;
|
|
|
}
|
|
|
.confirm-button-wrapper {
|
|
|
- padding: 15rpx 20rpx;
|
|
|
- padding-bottom: 25rpx;
|
|
|
+ padding: 15upx 20upx;
|
|
|
+ padding-bottom: 25upx;
|
|
|
flex-shrink: 0;
|
|
|
}
|
|
|
.confirm-btn {
|
|
|
background: linear-gradient(to right, #409eff, #67c2ff);
|
|
|
color: white;
|
|
|
- border-radius: 50rpx;
|
|
|
- font-size: 24rpx;
|
|
|
- height: 50rpx;
|
|
|
- line-height: 50rpx;
|
|
|
+ border-radius: 50upx;
|
|
|
+ font-size: 24upx;
|
|
|
+ height: 50upx;
|
|
|
+ line-height: 50upx;
|
|
|
border: none;
|
|
|
&::after {
|
|
|
border: none;
|
