微信小程序在text文本实现多种字体样式
这篇文章主要介绍了微信小程序在text文本实现多种字体样式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
微信小程序比较特别,它的wxml只允许用自己家的标签,像那些span、div什么的统统不可以用,那如何在text文本加入不同的样式呢,在html里面我们可以添加一个span,再给那些span添加不同的class或者style就可以了,但小程序不可以,在text里面只允许在加入text,不可以加view等东西,所以我们可以按照它提供的,再加一个text就可以了,但是随之而来的还有一些bug,一般的我们都是直接某个class下面的text应用某些样式,如:
这样我们新加的text也会应用到那些样式了,导致整体样式的改变,解决方法是按照css里面提供的一个大于号>,像这样
这样子就可以了,大于号表示当前view下面一级的text,下下面的text不会应用到,具体的可以去查看微信小程序css手册里面的用法
再给那些span添加不同的class或者style就可以了,但小程序不可以,在text里面只允许在加入text,不可以加view等东西,
所以我们可以按照它提供的,再加一个text就可以了,但是随之而来的还有
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
JavaScript对象与DOM对象进行绑定会遇到一个问题:如果被绑定的对象的方法中包含this关键字,当事件被触发时this指向的却是DOM对象,而不是之前的JS对象。2011-09-09Bootstrap的popover(弹出框)2秒后定时消失的实现代码
Bootstrap Popover(弹出框)是使用定制的 Jquery 插件创建的。它可以用来显示任何元素的一些信息。这篇文章主要介绍了Bootstrap的popover(弹出框)2秒后定时消失功能,需要的朋友参考下2017-02-02
最新评论