shish 11 mesi fa
parent
commit
ccc895ac5a

+ 7 - 2
hdPad/src/pages/home/components/birthdayEdit.vue

@@ -179,8 +179,10 @@ export default {
 .month-buttons {
     display: flex;
     flex-wrap: wrap;
-    gap: 5upx;
+    gap: 8upx;
     justify-content: center;
+    width: 170upx; /* 控制总宽度,使一行放6个 */
+    margin: 0 auto;
 }
 
 .month-button {
@@ -195,6 +197,7 @@ export default {
     font-size: 10upx;
     transition: all 0.2s;
     padding: 0;
+    margin: 0;
     
     &.active {
         background-color: #0076FF;
@@ -216,6 +219,8 @@ export default {
     flex-wrap: wrap;
     gap: 5upx;
     justify-content: center;
+    width: 200upx; /* 控制总宽度,使一行放8个 */
+    margin: 0 auto;
 }
 
 .date-button {
@@ -228,7 +233,7 @@ export default {
     align-items: center;
     justify-content: center;
     font-size: 10upx;
-    margin: 2upx;
+    margin: 1upx;
     transition: all 0.2s;
     padding: 0;
     

+ 7 - 7
hdPad/src/pages/home/custom.vue

@@ -144,8 +144,8 @@ export default {
 .action-buttons-container {
     display: flex;
     flex-direction: column;
-    gap: 14px;
-    padding: 8px;
+    gap: 14upx;
+    padding: 8upx;
 }
 
 .action-button {
@@ -153,12 +153,12 @@ export default {
     align-items: center;
     justify-content: center;
     background-color: #f8f9fa;
-    border: 1px solid #e9ecef;
-    border-radius: 6px;
+    border: 1upx solid #e9ecef;
+    border-radius: 6upx;
     padding: 0;
-    width: 100px;
-    height: 40px;
-    font-size: 14px;
+    width: 100upx;
+    height: 40upx;
+    font-size: 14upx;
     color: #333;
     transition: all 0.2s;
     &:active {