微信小程序在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代码
Mar 25 Javascript
Jquery操作下拉框(DropDownList)实现取值赋值
Aug 13 Javascript
Jquery中children与find之间的区别详细解析
Nov 29 Javascript
最短的IE判断var ie=!-[1,]分析
May 28 Javascript
javascript数组操作方法小结和3个属性详细介绍
Jul 05 Javascript
javascript实现简单的贪吃蛇游戏
Mar 31 Javascript
在JavaScript中使用NaN值的方法
Jun 05 Javascript
js如何实现点击标签文字,文字在文本框出现
Aug 05 Javascript
利用python分析access日志的方法
Oct 26 Javascript
详解Vue2.0 事件派发与接收
Sep 05 Javascript
微信小程序缓存支持二次开发封装实现解析
Dec 16 Javascript
基于JavaScript实现简单扫雷游戏
Jan 02 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 操作excel文件的方法小结
2009/12/31 PHP
PHP 循环删除无限分类子节点的实现代码
2013/06/21 PHP
php中的mongodb select常用操作代码示例
2014/09/06 PHP
php版微信发红包接口用法示例
2016/09/23 PHP
JavaScript 轻松搞定快捷留言功能 只需一行代码
2010/04/01 Javascript
体验js中splice()的强大(插入、删除或替换数组的元素)
2013/01/16 Javascript
javascript重写alert方法的实例代码
2013/03/29 Javascript
超简单JS二级、多级联动的简单实例
2014/02/18 Javascript
仿百度联盟对联广告实现代码
2014/08/30 Javascript
javascript中var的重要性分析
2015/02/11 Javascript
Javascript实现div的toggle效果实例分析
2015/06/09 Javascript
Highcharts学习之数据列
2016/08/03 Javascript
微信小程序 在Chrome浏览器上运行以及WebStorm的使用
2016/09/27 Javascript
jquery实现一个全局计时器(商城可用)
2017/06/30 jQuery
js数组实现权重概率分配
2017/09/12 Javascript
JavaScript登录验证基础教程
2017/11/01 Javascript
浅谈Vuex@2.3.0 中的 state 支持函数申明
2017/11/22 Javascript
微信小程序实现页面跳转传值以及获取值的方法分析
2017/12/18 Javascript
JS数组降维的实现Array.prototype.concat.apply([], arr)
2020/04/28 Javascript
使用python模拟命令行终端的示例
2019/08/13 Python
pytorch 预训练层的使用方法
2019/08/20 Python
opencv-python 读取图像并转换颜色空间实例
2019/12/09 Python
python 实现一个图形界面的汇率计算器
2020/11/09 Python
No module named ‘win32gui‘ 的解决方法(踩坑之旅)
2021/02/18 Python
美国电视购物:QVC
2017/02/06 全球购物
加拿大最大的体育用品、鞋类和服装零售商:Sport Chek
2018/11/29 全球购物
美国户外服装和装备购物网站:Outland USA
2020/03/22 全球购物
创业计划书如何吸引他人眼球
2014/01/10 职场文书
应聘会计求职信
2014/06/11 职场文书
励志演讲稿300字
2014/08/21 职场文书
珍惜资源的建议书
2014/08/26 职场文书
我的大学四年规划书范文2014
2014/09/26 职场文书
行政执法队伍作风整顿个人剖析材料
2014/10/11 职场文书
检讨书范文大全
2015/05/07 职场文书
python 定义函数 返回值只取其中一个的实现
2021/05/21 Python
使用CSS实现黑白格背景效果
2022/06/01 HTML / CSS