微信小程序开发项目实战教程 课件 项目7:诊查报告模块_第1页
微信小程序开发项目实战教程 课件 项目7:诊查报告模块_第2页
微信小程序开发项目实战教程 课件 项目7:诊查报告模块_第3页
微信小程序开发项目实战教程 课件 项目7:诊查报告模块_第4页
微信小程序开发项目实战教程 课件 项目7:诊查报告模块_第5页
已阅读5页,还剩3页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

项目7:诊查报告模块知识点解析微信小程序开发项目实战教程CONTENTS01wx.previewImage接口02wx.setTabBarBadge接口03wx.removeTabBarBadge接口04wx.showTabBarRedDot接口05wx.hideTabBarRedDot接口01wx.previewImage接口功能概述全屏预览图片,支持保存图片、发送给朋友等操作。核心参数urls(Array):需要预览的图片链接列表current(String):当前显示图片的链接,默认第一张案例应用var

imgList

report_image]wx.previewImage({

urls:

imgList,})02wx.setTabBarBadge接口功能说明为tabBar某一项的右上角添加文本提示(角标),用于提示用户有新消息或待处理事项。核心参数index:tabBar的索引位置,从0开始计数。text:显示的文本内容,最多支持3个字符。应用场景在新报告提示模块中,计算用户未读诊查报告数量,并在【报告】tab右上角显示数字提醒。效果预览:未读报告提示wx.setTabBarBadge({

index:

3,

text:4})03wx.removeTabBarBadge接口核心功能与参数功能:移除tabBar某一项右上角的文本提示(角标)。参数:index(必填)-指定tabBar的索引位置(从左边算起)。场景应用案例场景:当用户阅读完所有未读报告,未读数量变为0时。操作:调用此接口移除【报告】tab上的角标,提示用户无新消息。接口配对关系该接口通常与wx.setTabBarBadge接口配对使用,形成完整的角标生命周期管理:wx.setTabBarBadge:负责显示角标(增加提示)wx.removeTabBarBadge:负责移除角标(清除提示)04wx.showTabBarRedDot接口核心功能与参数功能描述:显示tabBar某一项右上角的红点提示。核心参数:index(Number)-指定tabBar的索引位置(从左算起)。与setTabBarBadge的区别setTabBarBadge:显示带有文字(通常是数字)的角标。showTabBarRedDot:仅显示一个小红点,不展示具体内容。适用场景适用于只需要提醒用户有更新,但无需显示具体数量的场景。例如:“发现”页面有新内容更新、“消息”页面有新动态但不确定具体条数等。05wx.hideTabBarRedDot接口功能描述隐藏tabBar中某一项右上角的红点提示。通常用于用户已查看更新内容后,清除视觉通知。核心参数index(Number)必填。tabBar的哪一项,从左边算起,索引值从0开始。配对关系与wx.showTabBarRedDot接口配

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论