按钮

ghsPad/src/components/TimePicker.vue

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

hdPad/src/components/TimePicker.vue

@@ -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: 24upx;
     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;