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>

【uniapp 课程表】相关推荐

基于uniapp的个人课程表
课程表-个人课程表开发项目简介 1.此项目前端基于uniapp,使用uview组件库搭建 2.后端使用python fastAPI搭建,目前后端暂未完善. 3.禁止恶意探索行为 4.此分享主要分享前 ...
个人制作的一个uni-app上的课程表
个人制作的一个uni-app上的课程表,timetable课程表
基于uniapp搭建的个人课程表-主前端
课程表-个人课程表开发项目简介 1.此项目前端基于uniapp,使用uview组件库搭建 2.后端使用python fastAPI搭建,目前后端暂未完善. 3.禁止恶意探索行为 4.此分享主要分享前 ...
uniapp和vue课程表实现、会议预约实现[表格table相同内容行的合并]
<template><view class="time-section"><table id="tableInfo">< ...
【持续更新】uni-app学习笔记
2022.10.20 updated 优先级 1)官方手册优先 uni-app官网uni-app:一个使用 Vue.js 开发跨平台应用的前端框架https://uniapp.dcloud.io/RE ...
java基于微信小程序的培训机构报名作业管理系统 uniapp 小程序
随着社会的发展,社会的方方面面都在利用信息化时代的优势.互联网的优势和普及使得各种系统的开发成为必需. 本文以实际运用为开发背景,运用软件工程原理和开发方法,它主要是采用java语言技术和mysql数 ...
uni-app项目的收获及心得体会
Uniapp是一种支持多端开发的框架,能够在一个项目中同时开发小程序.H5.APP等多个版本.学生教务系统包含了学籍信息.成绩查询.选课.课程表等众多模块,需要涉及到复杂的后台逻辑和数据库操作.使用U ...
Leetcode 207.课程表
课程表现在你总共有 n 门课需要选,记为 0 到 n-1. 在选修某些课程之前需要一些先修课程. 例如,想要学习课程 0 ,你需要先完成课程 1 ,我们用一个匹配来表示他们: [0,1] 给定课程总 ...
设有一数据库，包括四个表：学生表（Student）、课程表（Course）、成绩表（Score）以及教师信息表（Teacher）。...
一. 设有一数据库,包括四个表:学生表(Student).课程表(Course).成绩表(Score)以及教师信息表(Teacher).四个表的结构分别如表1-1的表(一)~表( ...
php模拟超级课程表,一个功能完善、UI简洁的仿超级课程表的课表控件 TimetableView...
TimetableView 一个非常漂亮的Android课程表控件,该控件支持的功能: 设置数据源颜色设置,控件内置17种颜色触感反馈,每种内置颜色都有对应的三个样式日期显示与高亮课表Item ...

【uniapp 课程表】

uniapp课程表插件

二、使用步骤

1.下载引入库

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

【uniapp 课程表】相关推荐

最新文章

热门文章

【uniapp 课程表】

uniapp课程表插件

二、使用步骤

1.下载引入库

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

【uniapp 课程表】相关推荐

最新文章

热门文章

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