【uniapp 课程表】

uniapp课程表插件

插件下载地址:https://ext.dcloud.net.cn/plugin?id=9285
在这里插入图片描述

二、使用步骤

1.下载引入库

代码如下(示例):

在这里插入图片描述

2.使用(具体使用看地址说明 :https://ext.dcloud.net.cn/plugin?id=9285 )

代码如下(示例):

<template>
    <view>
        <ly-curriculumtable  :weekTableState="true" :weekTableNumber="weekNumbers" 
         :controlWeek="controlWeek" :timetableType="timetableType" 
         :timetables="timetables" :startdDate="startdDate" :weekButton="weekButton" 
         @nextWeekClick="nextWeekClick" @lastWeekClick="lastWeekClick" 
         @courseClick="courseClick" @weekSelectClick="weekSelectClick" 
         @weekOpenClick="weekOpenClick">

         </ly-curriculumtable> 
    </view>
</template>
<script>
        export default {
            data() {
                return {
                    weekNumbers:20,//一共显示几周
                    controlWeek:1,//显示的第几周
                    weekButton:true,//开启上一周下一周按钮
                    startdDate:'', //开始时间  默认为当前时间
                    timetables: [
                      ['大学英语', '大学英语', '大学英语', '', '', '', '毛概', '毛概',],
                      ['', '', '信号与系统', '信号与系统', '模拟电子技术基础', '模拟电子技术基础', '模拟电子技术基础', '模拟电子技术基', '', '', '', '信号与系'],
                      ['大学体育', '大学体育', '形势与政策', '形势与政策', '', '', '', '', ''],
                      ['', '', '', '', '电装实习', '电装实习', '', '', ''],
                      ['', '', '数据结构与算法分析数据结构与算法分析', '数据结构与算法分析数据结构与算法分析', '', '', '', '', '信号与系'],
                    ],
                    timetableType:[ 
                       { index: '1', name: '08:00\n08:40' },
                       { index: '2', name: '08:50\n09:30' },
                       { index: '3', name: '09:40\n10:20' },
                       { index: '4', name: '10:30\n11:10' },
                       { index: '5', name: '11:20\n12:00' },
                       { index: '6', name: '14:00\n14:40' },
                       { index: '7', name: '15:50\n16:30' },
                       { index: '8', name: '16:40\n17:20' },
                       { index: '9', name: '17:30\n18:10' },
                       { index: '10', name: '19:00\n19:40'},
                       { index: '11', name: '20:50\n21:30'},
                       { index: '12', name: '21:40\n22:20'}]
                }
            },
            methods:{
                courseClick(re){
                    console.log(re)
                },
                nextWeekClick(e){
                    console.log("下一周",e)
                },
                lastWeekClick(e){
                    console.log("上一周",e)
                },
                weekOpenClick(){
                    console.log("点击了第几周")
                },
                weekSelectClick(e){
                    console.log("您选择了",e)
                },

        },
    }
</script>

版权声明:本文为weixin_45994122原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。