微信小程序在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实现的简单提示信息插件
Dec 08 Javascript
jQuery Ajax 异步加载显示等待效果代码分享
Aug 01 Javascript
js 动态生成json对象、时时更新json对象的方法
Dec 02 Javascript
Jquery获取radio选中的值
May 05 jQuery
Angular中ng-options下拉数据默认值的设定方法
Jun 21 Javascript
Vue filters过滤器的使用方法
Jul 14 Javascript
JavaScript+CSS相册特效实例代码
Sep 07 Javascript
jQuery进阶实践之利用最优雅的方式如何写ajax请求
Dec 20 jQuery
webpack里使用jquery.mCustomScrollbar插件的方法
May 30 jQuery
vue二级菜单导航点击选中事件的方法
Sep 12 Javascript
layui递归实现动态左侧菜单
Jul 26 Javascript
JavaScript实现拖拽功能
Feb 11 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
2006/12/14 PHP
PHP实现克鲁斯卡尔算法实例解析
2014/08/22 PHP
php记录搜索引擎爬行记录的实现代码
2018/03/02 PHP
别了 JavaScript中的isXX系列
2012/08/01 Javascript
jQuery Tags Input Plugin(添加/删除标签插件)详解
2016/06/20 Javascript
全面了解JavaScirpt 的垃圾(garbage collection)回收机制
2016/07/11 Javascript
微信小程序 rpx 尺寸单位详细介绍
2016/10/13 Javascript
微信开发 使用picker封装省市区三级联动模板
2016/10/28 Javascript
JS基于面向对象实现的多个倒计时器功能示例
2017/02/28 Javascript
jQuery布局组件EasyUI Layout使用方法详解
2017/02/28 Javascript
jQuery插件echarts实现的去掉X轴、Y轴和网格线效果示例【附demo源码下载】
2017/03/04 Javascript
用原生JS实现简单的多选框功能
2017/06/12 Javascript
vue-cli 引入、配置axios的方法
2018/05/08 Javascript
微信小程序之裁剪图片成圆形的实现代码
2018/10/11 Javascript
JavaScript展开操作符(Spread operator)详解
2019/07/20 Javascript
Vue 实现把表单form数据 转化成json格式的数据
2019/10/29 Javascript
实现vuex与组件data之间的数据同步更新方式
2019/11/12 Javascript
vue 单页应用和多页应用的优劣
2020/10/22 Javascript
原生JS实现弹幕效果的简单操作指南
2020/11/10 Javascript
[02:33]2018 DOTA2亚洲邀请赛回顾视频 再次拾起那些美妙的时刻
2018/04/10 DOTA
[01:00:10]完美世界DOTA2联赛PWL S2 FTD vs Inki 第二场 11.21
2020/11/24 DOTA
Python实现登录人人网并抓取新鲜事的方法
2015/05/11 Python
在Django的通用视图中处理Context的方法
2015/07/21 Python
python音频处理用到的操作的示例代码
2017/10/27 Python
TensorFlow Session使用的两种方法小结
2018/07/30 Python
python 使用turtule绘制递归图形(螺旋、二叉树、谢尔宾斯基三角形)
2019/05/30 Python
解决yum对python依赖版本问题
2019/07/05 Python
韩国流行时尚女装网站:Dintchina(中文)
2018/07/19 全球购物
Nike瑞典官方网站:Nike.com (SE)
2018/11/26 全球购物
给老婆的婚前保证书
2014/02/01 职场文书
业务员的岗位职责
2014/03/15 职场文书
员工试用期考核自我鉴定
2014/04/13 职场文书
党员带头倡议书
2015/04/29 职场文书
本地通过nginx配置反向代理的全过程记录
2021/03/31 Servers
常用的MongoDB查询语句的示例代码
2021/07/25 MongoDB
SpringDataJPA在Entity中常用的注解介绍
2021/12/06 Java/Android