【uniapp开发小程序】设置全屏的开屏广告、长按识别图片、点击跳转通话 拨打电话

设置全屏的开屏广告需求实现

效果图:

【uniapp开发小程序】设置全屏的开屏广告、长按识别图片、点击跳转通话 拨打电话_第1张图片

点击跳转其他小程序:

官方文档:uni.navigateToMiniProgram(OBJECT) | uni-app官网

// 示例代码
uni.navigateToMiniProgram({
  appId: '',
  path: 'pages/index/index?id=123',
  extraData: {
    'data1': 'test'
  },
  success(res) {
    // 打开成功
  }
})

全屏展示图片:

"navigationStyle": "custom" 

导航栏样式,仅支持 default/custom。custom即取消默认的原生导航栏

完整代码演示:

  • 创建一个新的页面,用于显示广告页面




  • 修改 manifest.json 文件,将广告页面添加到页面配置中

【uniapp开发小程序】设置全屏的开屏广告、长按识别图片、点击跳转通话 拨打电话_第2张图片

长按识别图片需求实现

 效果图:

【uniapp开发小程序】设置全屏的开屏广告、长按识别图片、点击跳转通话 拨打电话_第3张图片

支持识别类型:

✅ 识别小程序码 - ✅ 跳转小程序

✅ 识别微信、企微群二维码 - ✅ 跳转到加群页面

✅ 识别名片二维码 - ✅ 跳转到加好友页面

完整代码:


点击跳转通话 拨打电话需求实现

 效果图:

代码展示:



注解:

uni.makePhoneCall(OBJECT)    拨打电话

你可能感兴趣的:(uniapp全栈,wx小程序,uni-app,小程序,前端)