微信小程序中 会话内消息卡片上的send-message-title在不同手机上的显示问题
微信小程序中会话内消息卡片上的send-message-title在不同手机上的显示问题
在微信小程序开发中,会话内消息卡片是用户与公众号或服务号之间的重要交互方式。其中,`send-message-title`属性用于设置消息卡片的标题。在实际开发过程中,我们可能会遇到一个问题:即使没有设置标题,在安卓手机上,消息卡片的标题还是正常显示,而在ios手机上,标题却出现了问题。
问题描述
1. 在安卓手机上,消息卡片的标题正常显示。
2. 在ios手机上,有点儿问题。即使没有设置标题,ios手机上也会显示一个默认的标题,但是这个标题可能与预期不符。
解决办法
为了解决这个问题,我们需要在后端返回来的值中做个判断。如果是安卓手机,则正常显示标题,如果是ios手机,则根据实际需求进行处理。具体代码如下:
```html
{{if isAndroid}}
{{/if}}
{{^isAndroid}}
{{/if}}
```
在上述代码中,我们使用了一个`{{if}}`和`{{^if}}`的语法来进行判断。如果是安卓手机,则显示正常标题,如果是ios手机,则显示不同的标题。
后端返回值
为了实现这个功能,我们需要在后端返回一个包含设备类型信息的数据。例如:
```javascript{
"send_message_title": "",
"isAndroid": true,
"send_message_title_ios": ""
}
```
在上述代码中,我们返回了一个对象,其中包含三个属性:`send_message_title`、`isAndroid`和`send_message_title_ios`。其中,`isAndroid`属性用于表示设备类型,如果是安卓手机,则为true,否则为false。
总结
微信小程序中会话内消息卡片上的`send-message-title`在不同手机上的显示问题是一个常见的问题。在解决这个问题时,我们需要根据后端返回的值进行判断。如果是安卓手机,则正常显示标题,如果是ios手机,则根据实际需求进行处理。通过使用`{{if}}`和`{{^if}}`的语法,我们可以轻松实现这一点。
消息小程序会话内消息卡片open-type="contact"