2025 独立开发者训练营:AI Agent!查看介绍 / 立即报名 →

宁皓网界面的几处改进

在课程的视频页面,如果您还没登录,会显示一个登录的区块,还有一个视频的截图。登录以后,会把你重定向到当前访问的这个视频页面,如果您是会员,会在这个页面上显示出视频的播放器。

实现这个功能,我用的是 Drupal 的区块, 登录区块是 Drupal 自带的,只是调整了一下样式。右边的截图是由 Views 生成的一个区块,在这个区块上,会去判断当前的内容的 id 号来显示正确的视频截图。

ninghao-new-element_02

课程与视频页面的主体部分,我用了一个标签分成了两块儿,一个是课程或视频的介绍,如果在视频页面,介绍就是视频中所讲的文字内容。另一部分就是这个课程的目录。这两个东西也是区块,包括标签也是一个区块。介绍与目录是由 Views 生成的区块,标签是我手工创建的一个区块。这个标签的功能用到了 Bootstraptab 组件

在目录上,当前正在播放的视频内容会显示为蓝色,左边带一个边框。如果用户没有登录或者不是会员,目录上的免费视频会显示为黑色,不免费的内容会是灰色。根据不同的情况显示不同的样式,我的做法是去定制 Views 的模板文件,在模板文件里面,可以去判断用户的角色还有其它的情况,比如视频是否免费等等。

ninghao-new-element_04

宁皓网 工作
微信好友

用微信扫描二维码,
加我好友。

微信公众号

用微信扫描二维码,
订阅宁皓网公众号。

240746680

用 QQ 扫描二维码,
加入宁皓网 QQ 群。

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点