成品展示：

首页开发

默认开始播放背景音乐，这个背景音乐点击右上角图标可以暂停(有动画)，然后点击新郎和新娘文字可以调到拨号页面拨打电话给新娘或新郎。

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 ...

微信小程序“婚礼邀请函”首页显示

首页开发

1、背景音乐开发：

2、拨打电话功能实现：

首页显示

1、插入图片

2、首页邀请函信息

3、邀请语、时间、地点

微信小程序“婚礼邀请函”首页显示相关推荐

最新文章

热门文章

微信小程序“婚礼邀请函”首页显示

首页开发

1、背景音乐开发：

2、拨打电话功能实现 ：

首页显示

1、插入图片

2、首页邀请函信息

3、邀请语、时间、地点

微信小程序“婚礼邀请函”首页显示相关推荐

最新文章

热门文章

2、拨打电话功能实现：