如何让这个组件靠右.calendar-footer { width: 170rpx; display: flex; justify-content: space-between; padding: 20rpx; } /* 确认和取消按钮样式 */ .footer-btn { font-size: 27rpx; background-color: lightblue; border-radius: 15rpx; padding: 10rpx; }

你可以在父元素上添加一个属性 `justify-content: flex-end;`，这样就可以将子元素靠右对齐了。修改后的代码如下：

.calendar-footer {
  width: 170rpx;
  display: flex;
  justify-content: flex-end; /* 将子元素靠右对齐 */
  padding: 20rpx;
}

/* 确认和取消按钮样式 */
.footer-btn {
  font-size: 27rpx;
  background-color: lightblue;
  border-radius: 15rpx;
  padding: 10rpx;
}