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