技术点:
1.微信小程序开发之录音机 音频播放 动画 (真机可用)
2.微信小程序开发之用户系统 一键登录 获取session_key和openid
3.微信小程序开发之常见问题 不在以下合法域名列表中 wx.request合法域名配置
4.微信小程序开发之本地图片上传(leancloud)
下面带图说模块:
1.主页面
三个button.不多说了.别吐槽这画风.哈哈哈.
2.编辑漂流瓶内容
内容可以是语音,也可以是文字.随意切换.
这里是语音的.录音完成后直接扔出去.
3.捡一个漂流瓶
有两种情况.一是没有捡到.就是一个海星;二是捡到了.语音或者是文字.
1.海星
2.捡到了漂流瓶
2.1 获取到文字.弹框显示文字
2.2 获取到语音.直接播放
3.我的瓶子
语音和文字两类.
下面上代码:
1.index.wxml
[html] view plain copy
- !--index.wxml--
- view class="play-style"
- view class="playstyle"
- image class="img" src="{{getSrc}}" bindtap="get"/image
- text捡一个/text
- /view
- view class="leftstyle"
- image class="img" src="{{throwSrc}}" bindtap="throw"/image
- text扔一个/text
- /view
- view class="rightstyle"
- image class="img" src="{{mySrc}}" bindtap="mine"/image
- text我的瓶子/text
- /view
- /view
- /**index.wxss**/
- page {
- background-image: url(
