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

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

相关文章

  • JavaScript防止全局变量污染的方法总结

    JavaScript防止全局变量污染的方法总结

    这篇文章主要介绍了JavaScript防止全局变量污染的方法,结合实例形式较为详细的总结分析了JavaScript防止全局变量污染的常用操作技巧与注意事项,需要的朋友可以参考下
    2018-08-08
  • JavaScript获取图片的原始尺寸以宽度为例

    JavaScript获取图片的原始尺寸以宽度为例

    这篇文章主要介绍了JavaScript如何获取图片的原始尺寸以宽度为例,需要的朋友可以参考下
    2014-05-05
  • JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题

    JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题

    JavaScript对象与DOM对象进行绑定会遇到一个问题:如果被绑定的对象的方法中包含this关键字,当事件被触发时this指向的却是DOM对象,而不是之前的JS对象。
    2011-09-09
  • JS实现的排列组合算法示例

    JS实现的排列组合算法示例

    这篇文章主要介绍了JS实现的排列组合算法,结合完整实例形式详细分析了排列组合算法的原理与javascript相关实现技巧,需要的朋友可以参考下
    2019-07-07
  • 28个JavaScript常用字符串方法以及使用技巧总结

    28个JavaScript常用字符串方法以及使用技巧总结

    这篇文章主要给大家介绍了28个JavaScript常用字符串方法以及使用技巧的相关资料,文中统计的方法都非常实用,无论是日常工作还是面试,都建议多看一看,需要的朋友可以参考下
    2021-09-09
  • 原生js实现百叶窗效果及原理介绍

    原生js实现百叶窗效果及原理介绍

    这篇文章主要介绍了原生javascript实现百叶窗效果的方法及原理介绍,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • 前端使用crypto-js库aes加解密详细代码示例

    前端使用crypto-js库aes加解密详细代码示例

    在前端开发中数据的加密和解密是为了保障用户隐私和数据的安全性而常见的任务,这篇文章主要给大家介绍了关于前端使用crypto-js库aes加解密的相关资料,需要的朋友可以参考下
    2024-03-03
  • Bootstrap的popover(弹出框)2秒后定时消失的实现代码

    Bootstrap的popover(弹出框)2秒后定时消失的实现代码

    Bootstrap Popover(弹出框)是使用定制的 Jquery 插件创建的。它可以用来显示任何元素的一些信息。这篇文章主要介绍了Bootstrap的popover(弹出框)2秒后定时消失功能,需要的朋友参考下
    2017-02-02
  • 基于JS实现操作成功之后自动跳转页面

    基于JS实现操作成功之后自动跳转页面

    这篇文章主要介绍了基于JS实现操作成功之后自动跳转页面的相关知识,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-09-09
  • webpack入门必知必会

    webpack入门必知必会

    本文主要介绍了webpack入门的一些简单命令和基本配置信息,从代码拆分、打包、压缩的角度和传统的前端项目进行对比,希望以此加深大家对webpack基础知识的印象。下面跟着小编一起来看下吧
    2017-01-01

最新评论