微信小程序在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 相关文章推荐
jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版
Jan 11 Javascript
JS保留两位小数,多位小数的示例代码
Jan 07 Javascript
JavaScript中匿名函数的用法及优缺点详解
Jun 01 Javascript
Vue.js绑定HTML class数组语法错误的原因分析
Oct 19 Javascript
jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码
Mar 21 jQuery
微信小程序利用canvas 绘制幸运大转盘功能
Jul 06 Javascript
vscode 开发Vue项目的方法步骤
Nov 25 Javascript
简述vue-cli中chainWebpack的使用方法
Jul 30 Javascript
Vue路由守卫及页面登录权限控制的设置方法(两种)
Mar 31 Javascript
vue 路由懒加载中给 Webpack Chunks 命名的方法
Apr 24 Javascript
vue中解决拖拽改变存在iframe的div大小时卡顿问题
Jul 22 Javascript
详解JavaScript类型判断的四种方法
Oct 21 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
PHP实现多服务器session共享之NFS共享的方法
2007/03/16 PHP
header导出Excel应用示例
2014/01/24 PHP
destoon调用企业会员公司形象图片的实现方法
2014/08/21 PHP
PHP生成word文档的三种实现方式
2016/11/14 PHP
thinkPHP5.0框架环境变量配置方法
2017/03/17 PHP
三个思路解决laravel上传文件报错:413 Request Entity Too Large问题
2017/11/13 PHP
PHP实现正则匹配所有括号中的内容
2018/06/22 PHP
使用ucenter实现多站点同步登录的讲解
2019/03/21 PHP
JAVASCRIPT对象及属性
2007/02/13 Javascript
javascript检查日期格式的函数[比较全]
2008/10/17 Javascript
ParseInt函数参数设置介绍
2014/01/02 Javascript
浅谈JS闭包中的循环绑定处理程序
2014/11/09 Javascript
设计模式中的组合模式在JavaScript程序构建中的使用
2016/05/18 Javascript
JavaScript解析JSON格式数据的方法示例
2017/01/24 Javascript
ES6学习笔记之Set和Map数据结构详解
2017/04/07 Javascript
nodeJs爬虫的技术点总结
2018/05/13 NodeJs
python正则匹配查询港澳通行证办理进度示例分享
2013/12/27 Python
Python实现115网盘自动下载的方法
2014/09/30 Python
Python实现对比不同字体中的同一字符的显示效果
2015/04/23 Python
python生成器generator用法实例分析
2015/06/04 Python
tensorflow TFRecords文件的生成和读取的方法
2018/02/06 Python
Go/Python/Erlang编程语言对比分析及示例代码
2018/04/23 Python
python+numpy+matplotalib实现梯度下降法
2018/08/31 Python
Python Django Cookie 简单用法解析
2019/08/13 Python
解决python3插入mysql时内容带有引号的问题
2020/03/02 Python
简单整理HTML5的基本特性和语法
2016/02/18 HTML / CSS
美国零售商店:Blue&Cream
2017/04/07 全球购物
创建绿色社区汇报材料
2014/08/22 职场文书
党校毕业心得体会
2014/09/13 职场文书
2014年社区工会工作总结
2014/12/18 职场文书
毕业生就业推荐表导师评语
2014/12/31 职场文书
幼儿园大班个人总结
2015/02/28 职场文书
教师节晚会主持词
2015/06/30 职场文书
2019企业给员工的慰问信
2019/06/24 职场文书
python设置 matplotlib 正确显示中文的四种方式
2021/05/10 Python
mysql 如何获取两个集合的交集/差集/并集
2021/06/08 MySQL