问题描述:

(1)会话消息的标题在安卓上正常显示(2)在ios上 有点儿问题

    

(未给卡片设置标题,ios上还是会显示,但是安卓上面正常)

解决办法:

把后端返回来的值做个判断。

send-message-title="{{send_message_tit==''?' ':send_message_tit}}"

判断返回的值  是否为空,空的话,就让标题为空格(为了兼容ios),否则标题使用后端返回的。

<button open-type="contact" class='look' show-message-card send-message-img='{{send_message_image}}' send-message-title="{{send_message_tit==''?' ':send_message_tit}}" session-from="{{session_from}}" send-message-path="/pages/wxbook/wxbook2{{path_str}}" bindcontact="bindContact">去公众号</button>

官方文档地址:button

属性 类型 默认值 必填 说明 最低版本
size string default 按钮的大小 1.0.0
type string default 按钮的样式类型 1.0.0
plain boolean false 按钮是否镂空,背景色透明 1.0.0
disabled boolean false 是否禁用 1.0.0
loading boolean false 名称前是否带 loading 图标 1.0.0
form-type string   用于 form 组件,点击分别会触发 form 组件的 submit/reset 事件 1.0.0
open-type string   微信开放能力 1.1.0
hover-class string button-hover 指定按钮按下去的样式类。当 hover-class="none" 时,没有点击态效果 1.0.0
hover-stop-propagation boolean false 指定是否阻止本节点的祖先节点出现点击态 1.5.0
hover-start-time number 20 按住后多久出现点击态,单位毫秒 1.0.0
hover-stay-time number 70 手指松开后点击态保留时间,单位毫秒 1.0.0
lang string en 指定返回用户信息的语言,zh_CN 简体中文,zh_TW 繁体中文,en 英文。 1.3.0
session-from string   会话来源,open-type="contact"时有效 1.4.0
send-message-title string 当前标题 会话内消息卡片标题,open-type="contact"时有效 1.5.0
send-message-path string 当前分享路径 会话内消息卡片点击跳转小程序路径,open-type="contact"时有效 1.5.0
send-message-img string 截图 会话内消息卡片图片,open-type="contact"时有效 1.5.0
app-parameter string   打开 APP 时,向 APP 传递的参数,open-type=launchApp时有效 1.9.5
show-message-card boolean false 是否显示会话内消息卡片,设置此参数为 true,用户进入客服会话会在右下角显示"可能要发送的小程序"提示,用户点击后可以快速发送小程序消息,open-type="contact"时有效 1.5.0
bindgetuserinfo eventhandle   用户点击该按钮时,会返回获取到的用户信息,回调的detail数据与wx.getUserInfo返回的一致,open-type="getUserInfo"时有效 1.3.0
bindcontact eventhandle   客服消息回调,open-type="contact"时有效 1.5.0
bindgetphonenumber eventhandle   获取用户手机号回调,open-type=getPhoneNumber时有效 1.2.0
binderror eventhandle   当使用开放能力时,发生错误的回调,open-type=launchApp时有效 1.9.5
bindopensetting eventhandle   在打开授权设置页后回调,open-type=openSetting时有效 2.0.7
bindlaunchapp eventhandle   打开 APP 成功的回调,open-type=launchApp时有效 2.4.4

----------------------------------完。

微信小程序中 会话内消息卡片上的send-message-title在不同手机上的显示问题相关推荐

  1. 微信小程序中如何发送客服消息给用户

    微信小程序是一种快速开发和发布应用程序的平台,可以为用户提供各种服务和功能.而与用户进行沟通和交互是实现这些目标的重要步骤之一.因此,在本文中,我们将介绍如何在微信小程序中使用客服消息来与用户进行联系 ...

  2. 在微信小程序中识别付款二维码

    一.前言 由于微信小程序的规则限制,在小程序内部是无法直接识别二维码的,这样对于想通过微信小程序给微信公众号引流的想法大抵都被扼杀了,偶然间发现微信官方小程序"微保"竟然做到了,而 ...

  3. 微信小程序之发送通知消息(通过openid推送消息给用户)

    微信小程序之发送通知消息(通过openid推送消息给用户) 一.获取access_token access_token是接口调用的凭证,目前有效期为两个小时,需要定时刷新,重复获取将导致上次获取的ac ...

  4. 【微信小程序】(三)订阅消息实现

    微信小程序订阅消息指的是用户在你的小程序中进行了一些操作,你的小程序可以在某一个时间点向该用户发送消息,通知用户操作的结果.比如用户想要小程序在某一天通知他去买票,在小程序中授予通知权限之后,小程序在 ...

  5. 微信小程序中下载app的方法

    微信小程序中下载app的方法 因为微信小程序本身是不推荐引流到外部的,所以正规的方法其实都是被禁止掉的,大致方向是打开内部浏览器,进入应用宝下载页面(如果app接入应用宝),或者是通过右上角的在系统浏 ...

  6. 微信小程序中使用vant组件库(超详细)

    目录 前言 Vant Weapp的安装与使用 1.安装 node.js 2.通过 npm 安装 3.修改 app.json 4.修改 project.config.json 5.构建 npm 包 6. ...

  7. php一对多聊天程序代码,微信小程序实现一对多发消息

    微信小程序中实现一对多发消息详解及实例代码 微信小程序中各个界面之间的传值和通知比较蛋疼.所以模仿了iOS中的通知中心,在微信小程序中写了一套类似的通知中心. 通知中心可以做到:1对多发消息,传递ob ...

  8. 微信小程序中实现瀑布流布局和无限加载

    瀑布流布局是一种比较流行的页面布局方式,最典型的就是Pinterest.com,每个卡片的高度不都一样,形成一种参差不齐的美感. 在HTML5中,我们可以找到很多基于jQuery之类实现的瀑布流布局插 ...

  9. 关于微信小程序中时间预约的简单实现

    关于微信小程序中时间预约的简单实现 1. js中定义获取日期函数.日期点击事件 2. 在data中定义数组等变量 3. onLoad调用函数并保存回data 4. wxml展示 5. 页面监控函数on ...

最新文章

  1. Emacs中的RSS阅读器--newsticker
  2. .NET Core 2.0终于发布了
  3. linux libpcap 效率,Linux ubuntu PF_RING+libpcap 极速捕获千兆网数据包,不丢包
  4. 麦当劳员工称缺乏归属感 长期重复劳动像个机器
  5. Android学习笔记——数据库
  6. 2017和2019对比图刷屏,真实扎心!苹果中国女老板也跟风晒图...
  7. STM32:位带操作分析
  8. windows导出导入mongodb数据库
  9. 遇到系统问题,先看OS再看CPU
  10. 软考中级(系统集成项目管理工程师)高频考点
  11. 傅里叶分析原理——非常好的一篇讲解文章
  12. 软件测试整理:测试设计
  13. 数学表达式基础——2 集合、向量与矩阵
  14. 安卓开发——做一个能定时唤起其他APP的闹钟程序
  15. 微信公众帐号——开发模式
  16. WebView打开第三方APP
  17. Python开发【第六章】:面向对象
  18. 危化企业如何建设人员定位、智能巡检等安全管理平台
  19. 20个有用的iOS图标和应用模板资源
  20. 【统计学】三大相关系数之皮尔逊相关系数(person correlation coefficient)

热门文章

  1. 计算机转架构要学什么,想转入IT行业,你究竟应该学些什么?
  2. Android 换肤(全局换肤,部分换肤,字体替换,导航栏替换,自定义view换肤,夜间/日间模式)
  3. 两种方法轻松将pdf转换成jpg格式
  4. 感同身受!12个数据科学家秒懂的瞬间
  5. H5-----flex布局
  6. Android之海外第三方登录
  7. 找鞍点(C语言实现)
  8. 点通教育计算机,计算机考试一点通
  9. 我是如何从零到一开发TV应用
  10. 高性价比办公笔记本推荐(202003)