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

(编辑:jimmy 日期: 2024/11/17 浏览:2)

这篇文章主要介绍了微信小程序在text文本实现多种字体样式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

微信小程序比较特别,它的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就可以了,但是随之而来的还有

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

一句话新闻
Windows上运行安卓你用过了吗
在去年的5月23日,借助Intel Bridge Technology以及Intel Celadon两项技术的驱动,Intel为PC用户带来了Android On Windows(AOW)平台,并携手国内软件公司腾讯共同推出了腾讯应用宝电脑版,将Windows与安卓两大生态进行了融合,PC的使用体验随即被带入到了一个全新的阶段。