微信小程序在text文本实现多种字体样式
更新时间：2019年11月08日 10:54:01 作者：微信小程序开发资源
这篇文章主要介绍了微信小程序在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就可以了，但是随之而来的还有
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
这篇文章主要为大家介绍了webpack DefinePlugin源码入口解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
这篇文章主要为大家详细介绍了如何利用JavaScript实现检测用户是否在线功能，文中的示例代码讲解详细，感兴趣的小伙伴可以跟随小编一起学习一下2022-12-12
有时我们可能需要在多个环境下对同一个接口进行测试。比如我们请求的域名,开发、测试、生产环境,请求参数。文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-11-11
全角：是一种电脑字符，是指一个全角字符占用两个标准字符(或两个半角字符)的位置。全角占两个字节。半角：是指一个字符占用一个标准的字符位置。半角占一个字节。接下来通过本文给大家介绍JS验证全角与半角及相互转化的知识，需要的朋友参考下吧2017-05-05
设置window的scrollLeft值，这里一定要是window不能是body否则滚动有问题,绑定事件mousewhell 也必须是在body上,感兴趣的各位可以了解下哈，希望可以帮助到你2013-03-03
这篇文章主要介绍了js通过iframe加载外部网页的实现代码,需要的朋友可以参考下2015-04-04
微信小程序并没有提供摇一摇API接口，但是提供了一个重力感应的API，接下来我们可以用这个方法来模拟微信摇一摇功能，具体实现代码，大家参考下本文2017-07-07
利用IntersectionObserver实现动态渲染的示例详解
IntersectionObserver诞生已经有几年了，所以它的兼容性目前已经达到可以使用的程度了。本文主要介绍了如何利用IntersectionObserver实现动态渲染，感兴趣的可以了解一下2022-12-12
ion content 滚动到底部会遮住一部分视图的快速解决方法
本文给大家带来了ion content 滚动到底部会遮住一部分视图的快速解决方法，其实解决方法超简单的，只要在你的controller里面预先注入$ionicScrollDelegate就可以了，感兴趣的朋友通过本文一起学习吧2016-09-09
print作为浏览已经比较成熟的技术可以经常被用来打印页面的部分内容。本文将在JS中调用window.print()方法实现网页打印功能，感兴趣的可以跟随小编一起学习一下2022-04-04
最新评论