微信小程序在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 相关文章推荐
javascript中的括号()用法小结
Apr 14 Javascript
iframe子页面与父页面在同域或不同域下的js通信
May 07 Javascript
jQuery中的基本选择器用法学习教程
Apr 14 Javascript
浅谈EasyUI常用控件的禁用方法
Nov 09 Javascript
D3.js进阶系列之CSV表格文件的读取详解
Jun 06 Javascript
DVA框架统一处理所有页面的loading状态
Aug 25 Javascript
View.post() 不靠谱的地方你知道多少
Aug 29 Javascript
微信小程序checkbox组件使用详解
Jan 31 Javascript
Layui组件Table绑定行点击事件和获取行数据的方法
Aug 19 Javascript
vue生命周期与钩子函数简单示例
Mar 13 Javascript
Vue 3.0双向绑定原理的实现方法
Oct 23 Javascript
javascript实现时钟动画
Dec 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
多重?l件?合查?(二)
2006/10/09 PHP
php 魔术常量详解及实例代码
2016/12/04 PHP
js 格式化时间日期函数小结
2010/03/20 Javascript
说明你的Javascript技术很烂的五个原因
2011/04/26 Javascript
基于jquery的网站幻灯片切换效果焦点图代码
2013/09/15 Javascript
jquery实现右键菜单插件
2015/03/29 Javascript
JSON与XML优缺点对比分析
2015/07/17 Javascript
jquery实现仿新浪微博带动画效果弹出层代码(可关闭、可拖动)
2015/10/12 Javascript
jQuery实现简洁的导航菜单效果
2015/11/23 Javascript
JavaScript 数组中最大最小值
2016/06/05 Javascript
JavaScript简单实现弹出拖拽窗口(一)
2016/06/17 Javascript
AngularJS教程之环境设置
2016/08/16 Javascript
JavaScript使用正则表达式获取全部分组内容的方法示例
2017/01/17 Javascript
微信小程序 页面跳转传值实现代码
2017/07/27 Javascript
vue-router 权限控制的示例代码
2017/09/21 Javascript
vue jsx 使用指南及vue.js 使用jsx语法的方法
2017/11/11 Javascript
D3.js的基础部分之数组的处理数组的排序和求值(v3版本)
2019/05/09 Javascript
electron-vue利用webpack打包实现多页面的入口文件问题
2019/05/12 Javascript
layui关闭层级、简单监听的实例
2019/09/06 Javascript
Vuex的热更替如何实现
2020/06/05 Javascript
vue 页面回退mounted函数不执行的解决方案
2020/07/26 Javascript
Python原始字符串(raw strings)用法实例
2014/10/13 Python
Python实战小程序利用matplotlib模块画图代码分享
2017/12/09 Python
Python中logging.NullHandler 的使用教程
2018/11/29 Python
详解js文件通过python访问数据库方法
2019/03/03 Python
python并发爬虫实用工具tomorrow实用解析
2019/09/25 Python
纯CSS3+DIV实现小三角形边框效果的示例代码
2020/08/03 HTML / CSS
HTML5-WebSocket实现聊天室示例
2016/12/15 HTML / CSS
css3 transform 3d 使用css3创建动态3d立方体(html5实践)
2013/01/06 HTML / CSS
香奈儿美国官网:CHANEL美国
2020/05/20 全球购物
简述网络文件系统NFS,并说明其作用
2016/10/19 面试题
设计4个线程,其中两个线程每次对j增加1,另外两个线程对j每次减少1。写出程序。
2014/12/30 面试题
老公写给老婆的检讨书
2015/05/06 职场文书
出生证明范本
2015/06/15 职场文书
MySQL配置主从服务器(一主多从)
2021/08/07 MySQL
Python+Selenium自动化环境搭建与操作基础详解
2022/03/13 Python