【轻松集赞】

程序分解

分析了一下小程序要的功能：

 1. 主要功能：点赞（想要多少赞就要多少赞）  
 2. 微信朋友圈部分功能

项目结构

感觉这个小程序比较适合想要练手小程序和WeUI的盆友，所以细讲一点

├── assets 小程序所需的images icon                 
├── pages   页面目录          
|   ├── welcome 欢迎页面      
|   ├── index   内容发布操作页面
|   ├── mian   '朋友圈' 
├── style   页面的样式 及weui
└── app.js  小程序逻辑 全局参数
└── app.wxss 小程序公共样式
└── app.json   项目的配置

需要注意的地方：微信朋友圈发布一张图片和多张图片图片宽高比例不一样

欢迎页面Welcome

欢迎页的动画我很喜欢，在设计的时候也想了试了比较久，也许是这一个小程序的最养眼的地方

内容发布页Index

发布页就像正常发布朋友圈一样，说说内容、图片、位置基本内容不能少因为我们是点赞小程序，所以可以将点赞和评论操作放在本页，当然在朋友圈页面也有提供点赞的按钮

页面布局效果和操作：

随手的一个小程序，但是功能还是可以的，符合小程序用完即走的原则，上线是不可能的，界面和功能混淆了微信的官方服务功能，不过我留了一个体验版在手机里，美滋滋。比较适合想要练手小程序和weui的童鞋全部的代码还请移步我的github,欢迎star和fork。最后朋友圈页面的评论按钮功能后面会继续实现，想要实现的朋友可以参考我的思路：

页面上设置input onfocus 默认隐藏，自动获取焦点->点击评论按钮再显示
获取iput的value 通过数据绑定的效果绑定到评论数据中，页面刷新

写在后面

在使用你不知道或不熟悉的API或组件之前先看看文档，事半功倍
小程序在模拟器上实现一些复杂功能和界面效果时，及时在移动设备上进行效果查看，避免移动端上达不到预期效果，ios和android有时候在样式的显示上有时也会有不同
前端路漫漫，与君共勉之。