微信小程序“婚礼邀请函”首页显示
成品展示:
首页开发
默认开始播放背景音乐,这个背景音乐点击右上角图标可以暂停(有动画),然后点击新郎和新娘文字可以调到拨号页面拨打电话给新娘 或 新郎。
1、背景音乐开发:
背景音乐的开发主要用到 背景音乐API : wx.getBackgroundAudioManager(),然后他一旦获取到连接src 就会自动播放 ,你且后台后他也在播放,具体自己测试。背景音乐需要在APP .json中添加配置:“requiredBackgroundModes”: [“audio”]
API 文档:
https://developers.weixin.qq.com/miniprogram/dev/api/media/background-audio/BackgroundAudioManager
如图 背景音乐就是这样实现的。
2、拨打电话功能实现 :
主要是这句: wx.makePhoneCall() 里面传值包含电话号码即可
API 文档:https://developers.weixin.qq.com/miniprogram/dev/api/device/phone/wx.makePhoneCall.html
首页显示
1、插入图片
在index.wxml插入邀请函背景图及顶部图片,并写上邀请函标题
2、首页邀请函信息
在index.wxml添加新郎新娘的信息,放的喜字信息
3、邀请语、时间、地点
在邀请函下面居中的位置添加如下图所示的邀请语、时间、地点
微信小程序“婚礼邀请函”首页显示相关推荐
- 微信小程序 - 婚礼邀请函
marry 微信小程序端 + 服务端 扫码体验 免费制作流程 点我查看 主页面展示 项目说明 服务端架构:SpringMvc 服务器:阿里云服务 域名:pengmaster.com 数据库:在服务器 ...
- java小程序显示多种按钮_微信小程序 多行文本显示...+显示更多按钮和收起更多按钮功能...
看了很多帖子,但是效果都不是很好.还是找微信小程序官方文档,自己写比较方便.自己动手丰衣足食!话不多说,上代码! 先来个效果图 html {{item.text}} 查看更多 收起 wxss .box ...
- 微信小程序使用image组件显示图片的方法
本文实例讲述了微信小程序使用image组件显示图片的方法.分享给大家供大家参考,具体如下: 1.效果展示 2.关键代码 ① index.wxml 代码如下: <image style=" ...
- 微信小程序 某个页面直接返回首页(微信小程序回退到首页)
微信小程序 某个页面直接返回首页(微信小程序回退到首页) 打开小程序后,到三级页面后点击左上角的返回按钮,能够直接返回到首页 正常 A -> B -> C 都是通过 wx.navigate ...
- 微信小程序苹果手机边框1rpx显示不全解决办法
微信小程序苹果手机边框1rpx显示不全,加上transform: rotateZ(360deg) .address-map{width: 125rpx;height: 36rpx;line-heigh ...
- 微信小程序学习——view的显示与隐藏
微信小程序学习--view的显示与隐藏 需要在全局数据块中,设定一个控制键. data: {......//省略其他代码showView: true}, 然后是在wxml中,view的class中设置 ...
- 微信小程序输入框会字体显示不全或者换行
微信小程序输入框会字体显示不全或者换行 问题描述 有的时候不同的设备上会出现微信小程序输入框表现不一致,比如:换行,字体显示不全 解决方案 用开发者工具调试发现,input,textarea 有默认的 ...
- 微信小程序标题栏非首页时home图标显示与隐藏(So easy!)
在微信小程序中,有时我们需要在非首页的时候显示home图标,有时又需要隐藏home图标,这个时候我们应该如何去做呢?阅读完此文后希望对你有所帮助! 1. 显示home图标 2. 隐藏home图标 1. ...
- 微信小程序,实现首页弹框活动引导功能
目录 1.需求 2.数据库设计 3.Java后台配置实现 4.微信小程序前端实现 1.需求 后台可以配置活动时间,在活动期间,自动在小程序首页,以弹框形式显示活动图片.用户可以关闭活动图片的显示. 1 ...
最新文章
- Windows下各个盘中的文件夹属性变为隐藏,怎么取消隐藏属性
- Go使用mgo增删改查聚合操作
- ftp服务器如何复制文件路径,ftp服务器上复制文件路径
- Hadoop的分布式文件系统
- 开源中国众包第二波阿里云悬赏项目,总金额30万
- css动画定义,CSS3中Animation动画的定义和调用
- Spark编译报错:missing or invalid depency detected while loading class file RDDOperationScope.class
- 块级元素(HTML、CSS)
- 第一章 ASP.NET MVC简介(1.1)
- 机器学习笔记0_学习资料整理
- Eclipse 安装离线版 Jrebel
- 高性能高并发服务的瓶颈及突破思路
- python,执行pip报错:Fatal error in launcher: Unable to create process using ‘“D:\tools\python.exe“ (已解决)
- 计算机配置里面没有网络选项,解决win10网络设置中没有以太网的方法
- 5G NGC — 关键技术 — 网络切片 — 网络切片管理器网元
- h5计时器(requestAnimationFrame)
- 二维离散型随机变量及其分布
- 关于原生table表单在vue中的遍历和合并行
- 四川师范大学人文地理(7-13章)95分版本提纲
- Tauri 应用篇 - 系统托盘