fix(Calendar): 修复全面屏机型适配问题

close #1188

Author: murongg

config/styles/_mixins.less

@@ -27,4 +27,10 @@
     content: ' ';
     background-color: @active-color;
     border-color: @active-color;
+}
+
+// 解决全屏幕机型底部适配问题
+.safe-area-inset-bottom() {
+    padding-bottom: constant(safe-area-inset-bottom) !important; /* 兼容 iOS < 11.2 */
+    padding-bottom: env(safe-area-inset-bottom) !important; /* 兼容 iOS >= 11.2 */
 }

src/calendar/calendar.wxml

@@ -23,7 +23,7 @@
       </mounth>
     </scroll-view>
     <view>
-      <l-button type="default" size="long" bind:lintap="onClickConfirm" bg-color="{{ color }}">{{confirmText}}</l-button>
+      <l-button type="default" l-class="bottom-button" size="long" bind:lintap="onClickConfirm" bg-color="{{ color }}">{{confirmText}}</l-button>
     </view>
   </view>
 </template>

src/calendar/index.less

@@ -1,3 +1,6 @@
+@import "../../config/styles/_theme.less";
+@import "../../config/styles/_mixins.less";
+
 .calendar-container{
   display: flex;
   height: 1000rpx;
@@ -22,4 +25,10 @@
 //   color: #555;
 //   border-top-left-radius: 12rpx;
 //   border-top-right-radius: 12rpx;
-// }
+// }
+
+.bottom-button {
+  padding: 0 !important;
+  .safe-area-inset-bottom();
+  box-sizing: content-box !important;
+}