(八)列表页开发

254 阅读1分钟

列表页相对来说是比较简单的,头部增加搜索筛选项,右侧一个视图切换按钮。 默认展现方式是卡片形式,可以通过点击右上角的按钮来切换。

卡片视图:

摘要视图

通过设置判断一个视图状态来展现不同的视图。卡片视图,右侧默认预览第一篇文章;单击列表可切换不同的文章预览,双击列表或卡片跳转到编辑页面。

回收站列表页与文章列表除了查询文章的状态外,其他完全是一样的,可通过复用文章列表页组件,直接实现。

分类列表页与标签页比较简单,只是一个列表的展示。

分类页与标签页展示相对文章数量,可通过点击分类或标签直接跳转到文章列表页面,并选中相应的筛选条件。

博客地址: alibt.top

更多精彩,请关注我的公众号!