Style：UI优化

components/DateRangePicker/DateRangePicker.vue

@@ -3,9 +3,12 @@
     <u-popup :show="show" @close="handleClose" mode="center" round="16" closeable>
       <view class="picker-container">
         <view class="picker-header">
-          <text class="title">选择日期范围</text>
+          <text class="title">查看可预约日期</text>
+        </view>
+        <view class="v12-my-3">
+          <text class="v12-font-28 v12-dark-text v12-mr-3">请选择入住日期</text>
+          <text class="v12-font-28 v12-primary-text">{{ `  共计${minBookingDays}天  ` }}</text>
         </view>
-
         <view class="calendar">
           <view class="calendar-header">
             <view class="month-nav">
@@ -14,7 +17,7 @@
               <text class="nav-btn" @click="changeMonth(1)">〉</text>
             </view>
             <view class="weekdays">
-              <text v-for="day in ['日', '一', '二', '三', '四', '五', '六']" :key="day" class="weekday">
+              <text v-for="day in ['日', '一', '二', '三', '四', '五', '六']" :key="day" class="weekday v12-dark-text">
                 {{ day }}
               </text>
             </view>
@@ -496,7 +499,7 @@ export default {
       .month-nav {
         display: flex;
         align-items: center;
-        justify-content: space-between;
+        justify-content: space-evenly;
         margin-bottom: 20rpx;
         padding: 0 20rpx;