五一放假,没出去玩,想熟悉下vue的开发流程,又想体验下mpvue,于是写了个练手项目。一个用mpvue实现的cnode微信小程序版。
代码在。欢迎各位star、fork、issue、pr。目前已经完成了百分之80的功能。个人感觉这个项目还是非常适合作为vue和微信小程序的入门项目的。
API来自于
预览流程
npm installnpm run dev//使用微信开发者工具打开dist目录,关闭域名和https检查即可复制代码
v0.0.5 修复帖子详情滑动卡顿问题 首页栏目切换动画修复 部分图标修复
v0.0.4 修复几处样式,添加帖子热帖选型,发帖添加markdown预览,通知添加一键已读和点击已读 点赞修复。添加了一些首屏栏目切换的动画
v0.0.3 添加扫码登陆
v0.0.2 帖子评论框修复、通知点击详情跳转修复
体验地址
目录结构
- src
- pages
- index 主页
- detail 帖子详情页
- me 我的主页
- publish 发帖页
- notice 通知页
- login 登录页
- user 用户主页
- list 帖子列表展示页
- components
- card 单一帖子头组件
- authorHead 作者信息头
- login 登录组件
- const.js 常量
- utils 一些工具函数
- pages
- static 静态图片部分 目前已经完成了绝大部分功能,尚未完成的功能在和遇到的问题在todo中
目前存在的问题
- markdwon的解析有点问题,该问题我已适配了一个的库来解决了
todo
- 编辑自己发过的主题
- 部分页面添加下拉刷新
后话:
这个项目没有涉及到太多复杂的部分,主要到是业务逻辑的开发,对于作为一个vue和mpvue小程序入门项目是非常合适的。由于开发时间短,部分代码质量和交互做得不太好。对于未完成的部分和部分未知bug欢迎各位star、提issue、提pr一起来玩2333.
效果图