更新日历选择样式

chenyc

2025-08-26 c115a8486c6107de95f2001412207310a9cd9e00

 src/views/paiban/index.vue

@@ -8,7 +8,6 @@
        />
        <div>
            <van-calendar
                color="#769AFF"
                :min-date="minDate"
                @month-show="monthShow"
                :poppable="false"
@@ -124,9 +123,10 @@
        const index= selectDate.value.findIndex(el=>{return el.y===year&&el.m===month&&el.d===date})
        if (index>0){
            console.log(day)
            day.type='start'
            if (selectDate.value[index].透析单状态){
                day.type='end'
            } else {
                day.type='start'
            }
            day.text=selectDate.value[index].type
            if (selectDate.value[index].timeSlot===0){
@@ -138,7 +138,9 @@
            else {
                day.bottomInfo='晚上'
            }
            console.log(day,'有排班' )
        }

        return day
    }
    onMounted(()=>{
@@ -232,14 +234,16 @@
    }
}

.fanhui {
    // padding-top: 20px;
    width: 100%;
/* eslint-disable selector-class-pattern */

/* eslint-disable selector-pseudo-element-no-unknown */

/* eslint-disable color-named */
/* stylelint-disable selector-pseudo-class-no-unknown */

:deep(.van-calendar__day--end) {
    border-radius: 0 var(--van-border-radius-md) var(--van-border-radius-md) 0;
    background: #4696f9;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    height: 36px;
    line-height: 36px;
}

</style>