日历包一层van-sticky

src/views/ebiz/attendance/Monthly.vue

@@ -1,14 +1,6 @@
 <template>
   <div>
-    <!-- <div class="bg-white absolute header">
+       <van-sticky>
-      <div class="flex h70 align-items-c border-gb">
-        <img src="@/assets/images/u1203.png" alt class="h40 w40 ml15" />
-        <span class="ml10 fs14">{{name}}</span>
-        <div class="absolute right20 flex fs13">{{time}} 星期{{week}}</div>
-        <div class="CalendarDiv"></div>
-      </div>
-    </div> -->
-    <div class="calendar">
         <DatetimePicker
           ref="datetimepicker"
           model="inline"
@@ -27,10 +19,9 @@
           @get-height="getHeight"
           @confirm="dateConfirm"
           @change="dateChange"
-        :disabledWeekView='disabledWeekView'
           :name="name"
         ></DatetimePicker>
-    </div>
+       </van-sticky>
     <div class="footer" v-if="flagGo!=='4'">
       <div class="fs12 c-gray-base h30 line-height ml15">班次：正常 09:00-18:00</div>
       <div class=" h40 flex align-items-c border-gb footer-bg">
@@ -67,12 +58,14 @@
 </template>
 <script>
 import DatetimePicker from './DatetimePicker.vue'
+import { Sticky } from 'vant'
 import { getDayDetail,getMonthDetail } from '@/api/ebiz/attendance/attendance';
 import { formatDate } from './utils/util'
 export default {
   name: 'monthly',
   components: {
-   DatetimePicker
+   DatetimePicker,
+   [Sticky.name]: Sticky,
   },
   data() {
     return {