xdj后台—学堂 代码重难点总结（四）

1.课表页面布局

说实话这一块卡了很久，不知道如何布局成课表形状（如下），最后是通过拿到数据后的双重循环实现的。
html代码如下：

• 如何得到对应的数据：

因为接口返回的只是一周内的课程列表，因此需要判断每节课在周几的什么时候，这里用了双重循环判断。


（感觉代码很麻烦，而且把课程的时间写死了）

• 按周日到周六排序：

先获取当前日期，然后得到这周的 周日——周六

设置了很多很多变量，代表第一天——第七天，然后通过Date（）的一切方法改变值（点击上下周同理）

2. 课表中课程的颜色显示

后台返回的数据中没有rgb属性，因此需要根据课程id再查询课程的颜色。

双向绑定代码：

卡了很久，但是由于页面的渲染顺序？（用了setTimeout、mounted等方法都不行）总是不能在第一时间改变课程颜色，于是请教了学长：（之前是用 item.rgb = xxx , 太牛逼了）

3.element ui里的el-date-picker组件使用

导入和注册：

• 修改elementui的样式

在style scoped 里修改无效时，可尝试另起一个style，全局修改样式。

总结：写的还是很乱很乱，以后抽出时间再精进一下

标签：style,修改,代码,xdj,课表,重难点,rgb,课程,后台
来源： https://blog.csdn.net/lcj4280903/article/details/115347702