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


Posted in Javascript onNovember 08, 2019

这篇文章主要介绍了微信小程序在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就可以了,但是随之而来的还有

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

Javascript 相关文章推荐
一些不错的js函数ajax
Aug 20 Javascript
jQuery 在光标定位的地方插入文字的插件
May 10 Javascript
js有序数组的连接问题
Oct 01 Javascript
JavaScript中按位“异或”运算符使用介绍
Mar 14 Javascript
js运动动画的八个知识点
Mar 12 Javascript
node.js实现端口转发
Apr 14 Javascript
ajax分页效果(bootstrap模态框)
Jan 23 Javascript
jQuery 判断元素整理汇总
Feb 28 Javascript
jQuery选择器特殊字符与属性空格问题
Aug 14 jQuery
浅谈vue引用静态资源需要注意的事项
Sep 28 Javascript
JS实现简单移动端鼠标拖拽
Jul 23 Javascript
微信小程序组件生命周期的踩坑记录
Mar 03 Javascript
浅谈vuex的基本用法和mapaction传值问题
Nov 08 #Javascript
微信小程序select下拉框实现源码
Nov 08 #Javascript
使用kbone解决Vue项目同时支持小程序问题
Nov 08 #Javascript
在VUE中实现文件下载并判断状态的方法
Nov 08 #Javascript
vue中在vuex的actions中请求数据实例
Nov 08 #Javascript
vue 组件内获取actions的response方式
Nov 08 #Javascript
在vue中使用vuex,修改state的值示例
Nov 08 #Javascript
You might like
摩卡咖啡
2021/03/03 咖啡文化
PHP解码unicode编码的中文字符代码分享
2014/08/13 PHP
php操作csv文件代码实例汇总
2014/09/22 PHP
laravel 4安装及入门图文教程
2014/10/29 PHP
多浏览器支持的右下角浮动窗口
2010/04/01 Javascript
JavaScript中的style.display属性操作
2013/03/27 Javascript
解析ScrollPic在ie8下只滚动一遍,然后变为空白 ie6,ie7,chrome,firefox正常
2013/06/26 Javascript
JavaScript中instanceof与typeof运算符的用法及区别详细解析
2013/11/19 Javascript
javascript禁用Tab键脚本实例
2013/11/22 Javascript
jQuery.extend()、jQuery.fn.extend()扩展方法示例详解
2014/05/08 Javascript
开源的javascript项目Kissy介绍
2014/11/28 Javascript
js实现发送验证码后的倒计时功能
2015/05/28 Javascript
jQuery无刷新分页完整实例代码
2015/10/27 Javascript
JS实现点击按钮获取页面高度的方法
2015/11/02 Javascript
详解vue 中使用 AJAX获取数据的方法
2017/01/18 Javascript
详解Vue单元测试case写法
2018/05/24 Javascript
实例详解Node.js 函数
2018/06/10 Javascript
解决循环中setTimeout执行顺序的问题
2018/06/20 Javascript
JavaScript数据结构与算法之二叉树实现查找最小值、最大值、给定值算法示例
2019/03/01 Javascript
nodejs各种姿势断点调试的方法
2020/06/18 NodeJs
javascript如何使用函数random来实现课堂随机点名方法详解
2020/07/28 Javascript
Vue ​v-model相关知识总结
2021/01/28 Vue.js
Python图像灰度变换及图像数组操作
2016/01/27 Python
用tensorflow搭建CNN的方法
2018/03/05 Python
python查看模块安装位置的方法
2018/10/16 Python
Pandas直接读取sql脚本的方法
2021/01/21 Python
CSS实现的一闪而过的图片闪光效果
2014/04/23 HTML / CSS
医学院毕业生自荐信范文
2014/03/06 职场文书
法律进机关实施方案
2014/03/12 职场文书
学校党的群众路线教育实践活动总结报告
2014/07/03 职场文书
教师节班会开场白
2015/06/01 职场文书
学习焦裕禄观后感
2015/06/09 职场文书
2016年暑假家长对孩子评语
2015/12/01 职场文书
校长新学期寄语2016
2015/12/04 职场文书
企业团队精神心得体会
2016/01/19 职场文书
2016年青少年禁毒宣传教育活动总结(学校)
2016/04/05 职场文书