首先创建微信小程序账号，网上教程很多不在累赘，之后我们搭建一个云开发小程序---《乐小记》并开通云开发控制台如图：
然后再demo上进行编辑开发
自定义些 按钮样式：
新建 icon.wxss
@keyframes cuIcon-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.iconfont-spin {
-webkit-animation: cuIcon-spin 2s infinite linear;
animation: cuIcon-spin 2s infinite linear;
display: inline-block;
}
.iconfont-pulse {
-webkit-animation: cuIcon-spin 1s infinite steps(8);
animation: cuIcon-spin 1s infinite steps(8);
display: inline-block;
}
然后在app.wxss中引用
@import "components/icon.wxss";
新建样式同理，
大公告成，即可饮用
open-type="getUserInfo"
bindgetuserinfo="onGetUserInfo"
class="userinfo-avatar"
style="background-image: url({{avatarUrl}})">
欢迎你,{{userInfo.nickName}}
记录生活的点点滴滴，生活更加美好
这样看起来还是很简单的，只要熟悉CSS就可以快速进入开发
今日成果
