小程序汉字拼音的解决思路

小程序字体上带有拼音的写法：
首先

 <ruby>
海<rt>hai</rt>
水<rt>shui</rt>
朝<rt>chao</rt>
朝<rt>zhao</rt>朝<rt>zhao</rt>朝<rt>chao</rt>
朝<rt>zhao</rt>朝<rt>chao</rt>朝<rt>zhao</rt>
落<rt>luo</rt>
</ruby>

像上面这种html5标签在小程序中是不支持的所以就要寻兆另外一种方法。

解决思路：我们可以把后台传送过来的数据进行一次过滤，把拼音和汉字当作一个整体，进行排版即可，当然布局一定要平分，不然拼音和汉字对不齐

小程序汉字拼音的解决思路相关推荐

微信小程序模板消息群发解决思路
基于微信的通知渠道,微信为开发者提供了可以高效触达用户的模板消息能力,以便实现服务的闭环并提供更佳的体验.(微信6.5.2及以上版本支持模板功能.低于该版本将无法收到模板消息.) 模板推送位置:服务通 ...
微信小程序跨页面通信解决思路
宏观上,微信小程序是由一个个 Page 组成的.有时候我们会遇到一些业务存在耦合的 Page,一个 Page 里某个状态改变后,相关 Page 的状态需要进行更新.而在小程序里,每个 Page 都是一 ...
微信小程序使用wxParse，解决图片显示路径问题
微信小程序使用wxParse,解决图片显示路径问题参考文章: (1)微信小程序使用wxParse,解决图片显示路径问题 (2)https://www.cnblogs.com/zxf100/p/100 ...
微信小程序中使用全局变量解决页面的传值问题
微信小程序中使用全局变量解决页面的传值问题由于项目需要,最近便在做一个类似于美团的餐饮平台的的微信微信小程序 ,项目有十几个页面,那么页面间的传值被经常用到.在小程序中页面间的传值主要有使用全局变 ...
pc 小程序获取拼音首字母排序及跳转
PC 图例:这种效果排序 1. 需要安装 js-pinyinnpm install js-pinyin2.在需要界面进行引入 import pinyin from 'js-pinyin'3.使用th ...
埋点神策小程序_神策埋点思路
数据模型的建立神策的基本事件模型包括事件(Event)和用户(User)两个:比如说要统计今天注册了tcl会员小程序的人数.区分是注册事件还是别的事件,用到了事件的模型.每个用户启动N次只能算一次, ...
小程序 textarea ios兼容解决
今天遇到,在小程序里textarea会存在一定的兼容性问题,textarea有默认的内边距,在安卓和ios显示的时候,ios边距会比安卓的大很多. 解决办法: 通过 wx.getSystemInfoS ...
调用支付jsapi缺少参数:total_fee_小程序支付问题怎么解决？
微信小程序开发的过程一定会遇到各种问题,最让人棘手的就是支付问题,因为没有支付做商城类似的小程序就没有办法完成最关键的一步.那么支付失败到底什么原因呢?一下子收集了几个错误类似,希望对你有帮助: No ...
小程序用户拒绝授权解决方法
众所周知,小程序进入首先都要进行微信授权的,那万一用户不小心点了拒绝按钮怎么办呢?不要慌,官方早已预料到此情况,并提供了api供开发者使用,下面就一起来研究下api吧一.API接口 wx.openS ...
mpvue返回上一个页面_Mpvue+Vant-Weapp开发小程序遇坑之解决系列
嗨,我是Kit,我来分享Mpvue小程序的踩坑问题,以及如何引入Vant-Weapp,下面开始我的表演,如有问题,可以写在下面的评论里面,只接受建议不接受评论,我很骄傲的~哈哈相比很多时候我们写东西 ...

小程序汉字拼音的解决思路

小程序汉字拼音的解决思路相关推荐

最新文章

热门文章