今天利用昨天学习的嵌套面板技术实现了"分类"和"课程表"界面,没有什么难度系数。
![](https://img.haomeiwen.com/i18406554/50b9532974519ad5.png)
![](https://img.haomeiwen.com/i18406554/457b42cbdbd09bad.png)
今天主要的难度在于学习了中继器中的排序和筛选功能。在"分类"中单击某一类别后,进入该类别的课程汇总页,在这个页面可以实现按不同排序或自己筛选条件查询相关课程,这就利用到中继器。
![](https://img.haomeiwen.com/i18406554/3049f5b607cee3d2.png)
利用好中继器可以实现很多重复元素的内容。具体看一下实现的交互样式。
(1)中继器
先设置中继器内容
![](https://img.haomeiwen.com/i18406554/2a9b109f3ad130e9.png)
添加矩形和文本框后,添加交互样式。
![](https://img.haomeiwen.com/i18406554/022d36913275062f.png)
(2)排序
![](https://img.haomeiwen.com/i18406554/e5858594509ac75e.png)
![](https://img.haomeiwen.com/i18406554/2aa87415b7becc41.png)
(3)筛选
![](https://img.haomeiwen.com/i18406554/272dca315e97a970.png)
![](https://img.haomeiwen.com/i18406554/e38202b5bc330103.png)
![](https://img.haomeiwen.com/i18406554/704339937a30bd2d.png)
在看教程的时候看到说可以用中继器完实现左侧导航菜单,可以考虑更改用表格做"分类"导航菜单的做法。
出现的问题是:表格不能改变边框??为什么不能取消单独边框的边??
今天晚上看了李三科的《快速转行做产品经理》,里面说到的七项利器是每一个想做产品的人都应该思考清楚的,笔记如下。针对其中的思考题,可以在空余时间做笔记思考一下。
网友评论