小程序如何修改这里显示的文字?

小程序如何修改这里显示的文字?,第1张

首先把那个文字框view设置一个固定的高度(比如3行),overflow属性设为hidden,position属性设为relative。 “...”和“展开”放在同一个绝对定位(position为absolute)的view内,放在文字框内,定位在右下角,文字大小与文字框一致,这样当这个层显示时,就自然覆盖了文字框右下角,形成“... 展开”的效果。然后在js中计算文字简介的字数,再根据文字框的字体宽度计算出总长度,除以文字框的宽李汪培度,如果计算结果大于3,就说明溢出了。这时可以通过setData通知wxml显哪唯示“... 展开”。给“... 展开”绑定tap事件,点击后文字框的高度变为auto,这样溢出的部分就重新出现了,当然这时候要陵裤再次把“... 展开”隐藏。

现在让我们谈谈小程序字体大小修改的详细步骤:

方法一:

第一步:首先,我们需要进入小程序开发工具,然后点击顶部工具栏中的设置选项,并选择下拉菜单中的编辑设置。

第二步:然后d出编辑设置框,在编辑框顶部选择外观设置。

第三步:在外观设置中会看到一个字体大小的选项,然后会看到字体大小的选项,直接设置字体大小可以修改字体大小。

方法二:

第一步:首先选择编辑框,然后单击鼠标右键,选择CommcandPalette。

第二步:然后点击放大编辑器字体,将小程序字体调大。

第三步:相反,点击缩小编辑器字体,缩小小程序字体。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12547886.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存