
首先把那个文字框view设置一个固定的高度(比如3行),overflow属性设为hidden,position属性设为relative。
“”和“展开”放在同一个绝对定位(position为absolute)的view内,放在文字框内,定位在右下角,文字大小与文字框一致,这样当这个层显示时,就自然覆盖了文字框右下角,形成“ 展开”的效果。
然后在js中计算文字简介的字数,再根据文字框的字体宽度计算出总长度,除以文字框的宽度,如果计算结果大于3,就说明溢出了。这时可以通过setData通知wxml显示“ 展开”。
给“ 展开”绑定tap事件,点击后文字框的高度变为auto,这样溢出的部分就重新出现了,当然这时候要再次把“ 展开”隐藏。
系统禁止微信客户端修改字体大小 body {/IOS禁止微信调整字体大小/-webkit-text-size-adjust:100% !important; text-size-adjust:100
以上就是关于微信小程序如何使用FillText翻转字体全部的内容,包括:微信小程序如何使用FillText翻转字体、微信小程序禁止字体缩放、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)