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