7.5. 用户发布的话题

本教程最新版为 2.1,当前版本已放弃维护,请阅读最新版本!

用户发布的话题

除了首页的话题列表,我们还有可能查看某个用户发布的所有话题:

file

同话题列表一样,该页面也需要下拉刷新,上拉加载更多等功能,能不能跟首页的代码共用话题列表的逻辑呢?这一节我们将封装一个话题列表的组件,方便多个页面调用。

封装组件

组件统一放在 src/components 目录中,首先来创建一个话题列表组件 topicList

$ cd ~/Code/larabbs-weapp
$ touch src/components/topicList.wpy

src/components/topicList.wpy

<style lang="less">
.weui-media-box__info__meta {
  margin: 0;
  font-size: 12px;
}
.topic-info {
  margin-top: 5px;
}
.topic-title {
  white-space: normal;
  font-size: 14px;
}
.avatar {
  padding: 4px;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 50px;
  height: 50px;
}
.reply-count {
  back...

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
贡献者:4
讨论数量: 8

唉,日常报错,无从下手了 ?
1 个点赞 | 14 个回复 | 问答 | 课程版本 5.5
dptms
调用组件中的方法时 await 应该怎么用?
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
purson
请问有大神在 wepy 中使用 ec-chart 或者 wxchart 的组件吗?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
d1270469522
「Ta 发布的话题」这个页面下方的 tabBar 去哪了?
0 个点赞 | 1 个回复 | 问答 | 课程版本 2.0
d1270469522
pages: [] 里面的参数是否可以起别名
0 个点赞 | 1 个回复 | 问答 | 课程版本 2.0
任飘渺
为什么下拉刷新需要使用 async/await?
0 个点赞 | 1 个回复 | 问答 | 课程版本 2.0