七天日程组件

这是一个使用Vue.js编写的七天日程组件,展示了一周内每一天的日程。组件通过遍历数据,根据日期和星期生成日程条目,并在周末显示特定样式。内容包括日期和星期的显示,以及日程内容的循环遍历插入。
摘要由CSDN通过智能技术生成

<template>

    <div class="date">

        <div class="content" v-for="(item,index) in date" :key="index">

             <div :class="[item.week == '日' || item.week ==='六'? classS : '']">

                  <div class="content_week">{ { item.week }}</div>

                     <div class="content_calendar">{ { item.calendar.slice(8,10) }}</div>

                        <div class="content_content">

                           <div v-for="(items,index) in item.content" :key="index">

                             { { items }}

                           </div>

                       </div>

                    </div>

          </div></

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值