用mpvue实现的微信小程序版cnode社区

五一放假，没出去玩，想熟悉下vue的开发流程，又想体验下mpvue，于是写了个练手项目。一个用mpvue实现的cnode微信小程序版。

代码在仓库。欢迎各位star、fork、issue、pr。目前已经完成了百分之80的功能。个人感觉这个项目还是非常适合作为vue和微信小程序的入门项目的。

API来自于cnode社区

预览流程

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 一些工具函数
static 静态图片部分目前已经完成了绝大部分功能，尚未完成的功能在和遇到的问题在todo中

目前存在的问题

markdwon的解析有点问题，该问题我已适配了一个mpvue-wemark的库来解决了

todo

编辑自己发过的主题
部分页面添加下拉刷新

后话：

这个项目没有涉及到太多复杂的部分，主要到是业务逻辑的开发，对于作为一个vue和mpvue小程序入门项目是非常合适的。由于开发时间短，部分代码质量和交互做得不太好。对于未完成的部分和部分未知bug欢迎各位star、提issue、提pr一起来玩2333.

效果图

用mpvue实现的微信小程序版cnode社区相关推荐

微信小程序版博客——开发汇总总结（附源码）
花了点时间陆陆续续,拼拼凑凑将我的小程序版博客搭建完了,这里做个简单的分享和总结. 整体效果对于博客来说功能页面不是很多,且有些限制于后端服务(基于ghost博客提供的服务),相关样式可以参考截图或 ...
Mpvue+koa开发微信小程序——腾讯云开发环境的搭建及部署实现真机测试
为什么写这篇文章? 之前写过一篇文章:微信小程序开发错误:LoginError {type: "ERR_WX_GET_USER_INFO"}解决方法有的伙伴在这篇文章中评论为什么 ...
适合编程初学者的开源项目：小游戏2048（微信小程序版）
目标为编程初学者打造入门学习项目,使用各种主流编程语言来实现. 2048游戏规则一共16个单元格,初始时由2或者4构成. 1.手指向一个方向滑动,所有格子会向那个方向运动. 2.相同数字的两个格子 ...
视频直播终端开发之微信小程序版
前言由于项目需要最近接到公司的一个研发任务,尝试开发视频直播功能,要求双方可以对讲互动,并提供微信小程序.PC.Web等版本.由于之前对流媒体技术有所积累,这个任务只要满足功能演示,因此这个任务对我 ...
开源leaflet地图组件的微信小程序版——leafletwx
leafletwx开源地址:leafletwx leaflet库的微信小程序版(使用小程序原生组件view+image显示瓦片,并非web-view方式) leafletwx在leaflet的基础上开 ...
微信小程序版QQ音乐
来源 <a href="http://www.see-source.com:80/weixinwidget/downloadZip.html?wid=161">实例源码 ...
微信小程序版个人博客及简历---面试加分
WeChatMiniProgram-Blog 微信小程序初体验微信小程序版的个人博客及简历说明: 本项目为小程序入门项目,需要一定的前端基础及一点后端知识,项目可能不太好,欢迎大家吐槽,纯萌新小白 ...
宝藏级UI组件库：FirstUI，微信小程序版+uniapp版双版至V1.5.0，完美支持vue3
First UI(https://www.firstui.cn/)是一套超高性能.超高颜值的移动端UI综合解决方案,包含业内顶尖的组件库.强大的功能库.丰富精美的模板库,提供uni-app(完美支持n ...
php 翻牌,微信小程序版翻牌小游戏的实现
这篇文章主要为大家详细介绍了微信小程序版翻牌小游戏,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了微信小程序翻牌游戏的具体代码,供大家参考,具体内容如下一.新建一个quick ...

用mpvue实现的微信小程序版cnode社区

预览流程

用mpvue实现的微信小程序版cnode社区相关推荐

最新文章

热门文章