更新记录

1.0.3(2021-08-10) 下载此版本

1.更新部分问题没有合并问题 2.更新图片资源

1.0.2(2021-08-09) 下载此版本

1.更新不删除列表bug

1.0.1(2021-08-09) 下载此版本

整理了一下代码风格 让更清楚的知道如何写

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 2.9.1 app-vue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × ×

Author:XIO

使用文档

props

参数 类型 默认 说明 示例
Timetables Array --- 二维数组(课程表) [['大学英语','大学英语','大学英语','','','','毛概','毛概','',''],['信号与系统','','信号与系统','','','','','','',''],['','数据结构与算法分析','','','大学体育','','','大学体育','',''],['','数据结构与算法分析','','','','','','','',''],['','','','','数据结构与算法分析','','','大学体育','',''],['','','','大学体育','','','','','','数据结构与算法分析'],['','数据结构与算法分析','','大学体育','','','','','','']]
week Array 周一到周日 星期列表 ['周一','周二','周三','周四','周五','周六','周日']
courseKnob Array 十节课 一天上课的节数 [1,2,3,4,5,6,7,8,9,10]
palette Array ['#FD6565','#389CFC'] 调色板目前仅支持两种颜色 数组第一个为高亮色 第二个为普通色 ['#FD6565','#389CFC']
TodayMonth Number 当前月份 月份 8
CurrentWeekDateList Array 当前一周的日期 日期列表 ['08/01','08/02','08/03','08/04','08/05','08/06','08/07']

event

事件名 说明
clickEveryTable 点击每一项返回 //idx: 二维数组的第几项 idx1:二维数组第几项的第几个 length:相同的课程有几个
deleteCurrentItem 删除点中项的关闭事件 //idx: 二维数组的第几项 idx1:二维数组第几项的第几个 length:相同的课程有几个
additem 第二次点击添加课程跳转自己写跳转 页面已经添加内容

使用

<template>
    <!-- 3. 使用-->
    <timetable :timetables="Timetables"></timetable>
</template>

<script>

    //1. 导入组件
    import xio-timetables from '@/components/xio-timetables/xio-timetables';
    export default {
        data() {
            return {
                Timetables:[
                  ['大学英语','大学英语','大学英语','','','','毛概','毛概','',''],
                  ['信号与系统','','信号与系统','','','','','','',''],
                  ['','数据结构与算法分析','','','大学体育','','','大学体育','',''],
                  ['','数据结构与算法分析','','','','','','','',''],
                  ['','','','','数据结构与算法分析','','','大学体育','',''],
                  ['','','','大学体育','','','','','','数据结构与算法分析'],
                  ['','数据结构与算法分析','','大学体育','','','','','','']
                ]
            }
        },
        components:{
          //2. 注册组件
          xio-timetables
        }
    }
</script>

待完善更多功能

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问