前言
原生仿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 前端代码基本更新完毕