博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
用mpvue实现的微信小程序版cnode社区
阅读量:6981 次
发布时间:2019-06-27

本文共 799 字,大约阅读时间需要 2 分钟。

五一放假,没出去玩,想熟悉下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 一些工具函数
  • static 静态图片部分 目前已经完成了绝大部分功能,尚未完成的功能在和遇到的问题在todo中

目前存在的问题

  • markdwon的解析有点问题,该问题我已适配了一个的库来解决了

todo

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

后话:

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

效果图

转载地址:http://cojpl.baihongyu.com/

你可能感兴趣的文章
Spring AOP
查看>>
如何优雅的构建排序公式
查看>>
angualr有哪些优缺点?
查看>>
JavaScript中的继承及实现代码
查看>>
React手稿之 React-Saga
查看>>
Java基础【七】 - List集合汇总
查看>>
比原链Bytom错误码一览
查看>>
数据库与缓存数据一致性解决方案
查看>>
Python第一天:你必须要知道的Python擅长领域以及各种重点学习框架(包含Python在世界上的应用)...
查看>>
开发一个 Parcel-vue 脚手架工具
查看>>
Bytom交易说明(UTXO用户自己管理模式)
查看>>
sdedit使用方法介绍(混沌向)
查看>>
Nginx深入了解-进阶(二)
查看>>
使用ExternalDNS自动化DNS配置
查看>>
前端小姐姐学PHP之(一)
查看>>
脚本模式创建测试用例 - Katalon Studio
查看>>
C++ 函数参数的扩展
查看>>
SpringCloud核心教程 | 第二篇: 使用Intellij中的maven来快速构建Spring Cloud工程
查看>>
opencv python 模板匹配
查看>>
lodash的cloneDeep
查看>>