《乐小记》开发第一记

首先创建微信小程序账号，网上教程很多不在累赘，之后我们搭建一个云开发小程序---《乐小记》并开通云开发控制台如图：

然后再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就可以快速进入开发

今日成果