mpvue——仿QQ【一】

前言

原生仿QQ

https://github.com/wangyang0210/Imitate-QQ-For-Mini-Program

这个是当时学习小程序时，模仿的一个demo，只不过是纯页面没啥具体的功能，现在想使用mpvue 或者 uni-app | vant-weapp 或者 colorui | gateway 来做一个真正的可以实现聊天的

步骤

构建项目

这个mpvue官网已经很详细了,所以我也没写过类似的随笔,有问题大家再说吧。

http://mpvue.com/mpvue/quickstart/

引入组件

用到什么引入什么吧

mpvue——支持less

mpvue——引入vant_weapp组件

mpvue——componets中引入vant-weapp组件

mpvue——引入iconfont字体图标

mpvue——API请求封装(小程序原生)

mpvue——页面跳转

mpvue——修改第三方组件样式

mpvue——另类支持v-html

mpvue——小程序修改input的placehold样式

mpvue——引入echarts图表

mpvue——动态渲染echarts图表

mpvue——引入echarts打包vendor过大

编写页面

先把现有的删除然后重新构建，做之前考虑哪些是可以复用的就封账成组件

最后确定使用colorUI+mpvue+gateway来实现，代码更新在github

https://github.com/wangyang0210/Imitate-QQ-For-Mini-Program/tree/mp-color-qq

2019-05-21 13:51:09 前端代码基本更新完毕