menduner/src/views/recruit/personal/PersonalCenter/components/interviewSchedule.vue

<!-- 面试日程 -->
<template>
  <div style="height: 100%; overflow: hidden;">
    <div class="white-bgc pa-3 pt-5 mb-3" style="font-size: 16px; display: flex; justify-content: space-between;">
      <div>面试日程</div>
      <div class="defaultLink" @click="null">查看全部</div>
    </div>
    <!-- 滚动区域 -->
     <div class="mr-1" style="height: calc(100% - 100px); background-color: var(--default-bgc); overflow-y: auto;">
      
     </div>
  </div>
</template>

<script setup>
defineOptions({name: 'PersonalCenter-interviewSchedule'})
</script>
<style lang="scss" scoped>
::-webkit-scrollbar {
  width: 4px;
  height: 10px;
  display: none;
}
::-webkit-scrollbar-thumb, .temporaryAdd ::-webkit-scrollbar-thumb, .details_edit ::-webkit-scrollbar-thumb {
  // 滚动条-颜色
  background: #c3c3c379;
}
::-webkit-scrollbar-track, .temporaryAdd ::-webkit-scrollbar-track, .details_edit ::-webkit-scrollbar-track {
  // 滚动条-底色
  background: #e5e5e58f;
}
</style>