微信小程序在text文本怎么实现多种字体样式-创新互联-成都快上网建站

微信小程序在text文本怎么实现多种字体样式-创新互联

这篇文章将为大家详细讲解有关微信小程序在text文本怎么实现多种字体样式,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联建站-专业网站定制、快速模板网站建设、高性价比新邱网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式新邱网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖新邱地区。费用合理售后完善,10多年实体公司更值得信赖。

微信小程序比较特别,它的wxml只允许用自己家的标签,像那些span、div什么的统统不可以用,那如何在text文本加入不同的样式呢,在html里面我们可以添加一个span,再给那些span添加不同的class或者style就可以了,但小程序不可以,在text里面只允许在加入text,不可以加view等东西,所以我们可以按照它提供的,再加一个text就可以了,但是随之而来的还有一些bug,一般的我们都是直接某个class下面的text应用某些样式,如:

微信小程序在text文本怎么实现多种字体样式

这样我们新加的text也会应用到那些样式了,导致整体样式的改变,解决方法是按照css里面提供的一个大于号>,像这样

微信小程序在text文本怎么实现多种字体样式

这样子就可以了,大于号表示当前view下面一级的text,下下面的text不会应用到,具体的可以去查看微信小程序css手册里面的用法

再给那些span添加不同的class或者style就可以了,但小程序不可以,在text里面只允许在加入text,不可以加view等东西,

所以我们可以按照它提供的,再加一个text就可以了。

关于“微信小程序在text文本怎么实现多种字体样式”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


网站标题:微信小程序在text文本怎么实现多种字体样式-创新互联
网站路径:http://kswjz.com/article/coeehd.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流