生日

hdPad/src/pages/home/components/birthdayEdit.vue

@@ -43,6 +43,7 @@
                         enhanced="true"
                         show-scrollbar="true"
                         always-bounce-vertical="true"
+                        :style="{ height: '300upx' }"
                     >
                         <div class="date-buttons">
                             <button 
@@ -202,28 +203,31 @@ export default {
     background-color: #fff;
     width: 100%;
     height: 100%;
-    padding: 15px;
+    padding: 20upx;
+    box-sizing: border-box;
+    overflow-x: hidden;
+    overflow-y: auto;
 }
 
 .birthday-section {
-    margin-bottom: 25px;
+    margin-bottom: 30upx;
 }
 
 .section-title {
-    font-size: 20px;
+    font-size:20upx;
     font-weight: bold;
-    margin-bottom: 15px;
+    margin-bottom: 15upx;
     color: #333;
 }
 
 .type-buttons {
     display: flex;
-    gap: 15px;
+    gap: 15upx;
     
     button {
-        min-width: 100px;
-        height: 50px;
-        font-size: 18px;
+        min-width: 120upx;
+        height: 70upx;
+        font-size: 28upx;
         
         &.blue {
             background-color: #0076FF;
@@ -240,19 +244,19 @@ export default {
 .month-buttons {
     display: flex;
     flex-wrap: wrap;
-    gap: 15px;
+    gap: 10upx;
 }
 
 .month-button {
-    width: 70px;
-    height: 70px;
+    width: 80upx;
+    height: 80upx;
     border-radius: 50%;
-    border: 1px solid #ddd;
+    border: 2upx solid #ddd;
     background-color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 22px;
+    font-size: 28upx;
     
     &.active {
         background-color: #0076FF;
@@ -266,33 +270,34 @@ export default {
 }
 
 .date-buttons-wrapper {
-    height: 240px;
+    height: 300upx;
     position: relative;
-    overflow: hidden;
+    overflow: visible;
 }
 
 .date-buttons-scroll {
     height: 100%;
     width: 100%;
+    overflow: auto;
 }
 
 .date-buttons {
     display: flex;
     flex-wrap: wrap;
-    gap: 15px;
-    padding: 5px;
+    gap: 10upx;
+    padding: 5upx;
 }
 
 .date-button {
-    width: 70px;
-    height: 70px;
+    width: 80upx;
+    height: 80upx;
     border-radius: 50%;
-    border: 1px solid #ddd;
+    border: 2upx solid #ddd;
     background-color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 22px;
+    font-size: 28upx;
     
     &.active {
         background-color: #0076FF;
@@ -304,13 +309,13 @@ export default {
 .birthday-actions {
     display: flex;
     justify-content: center;
-    gap: 20px;
-    margin-top: 30px;
+    gap: 20upx;
+    margin-top: 30upx;
     
     button {
-        min-width: 120px;
-        height: 50px;
-        font-size: 18px;
+        min-width: 140upx;
+        height: 70upx;
+        font-size: 28upx;
         
         &.blue {
             background-color: #0076FF;