微信小程序在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 相关文章推荐
IE 下的只读 innerHTML
Aug 21 Javascript
腾讯UED 漂亮的提示信息效果代码
Sep 12 Javascript
javascript 图片裁剪技巧解读
Nov 15 Javascript
Jquery同辈元素选中/未选中效果的实例代码
Aug 01 Javascript
angularjs中的e2e测试实例
Dec 06 Javascript
原生js获取元素样式的简单方法
Aug 06 Javascript
深入理解angular2启动项目步骤
Jul 15 Javascript
Vue实战之vue登录验证的实现代码
Oct 31 Javascript
Vue中的methods、watch、computed的区别
Nov 26 Javascript
基于vue和websocket的多人在线聊天室
Feb 01 Javascript
jquery添加div实现消息聊天框
Feb 08 jQuery
如何通过简单的代码描述Angular父组件、子组件传值
Apr 07 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表单提交表单名称含有点号(.)则会被转化为下划线(_)
2011/12/14 PHP
php实现获取文章内容第一张图片的方法
2014/11/04 PHP
PHP基于phpqrcode生成带LOGO图像的二维码实例
2015/07/10 PHP
CentOS下与Apache连接的PHP多版本共存方案实现详解
2015/12/19 PHP
PHP中静态变量的使用方法实例分析
2016/12/01 PHP
php文件管理基本功能简单操作
2017/01/16 PHP
详解Yii2.0 rules验证规则集合
2017/03/21 PHP
PHP PDOStatement::fetchAll讲解
2019/01/31 PHP
HTML-CSS群中单选引发的“事件”
2007/03/05 Javascript
jQuery EasyUI API 中文文档 - NumberBox数字框
2011/10/13 Javascript
常见JS效果之图片减速度滚动实现代码
2011/12/08 Javascript
浅析Node.js 中 Stream API 的使用
2015/10/23 Javascript
NodeJS的Promise的用法解析
2016/05/05 NodeJs
javascript中JSON.parse()与eval()解析json的区别
2016/05/19 Javascript
node.js express安装及示例网站搭建方法(分享)
2016/08/22 Javascript
jQuery常见的选择器及用法介绍
2016/12/20 Javascript
vue2.0的contextmenu右键弹出菜单的实例代码
2017/07/24 Javascript
SpringMVC简单整合Angular2的示例
2017/07/31 Javascript
手把手带你封装一个vue component第三方库
2019/02/14 Javascript
详解如何使用微信小程序云函数发送短信验证码
2019/03/13 Javascript
vue请求本地自己编写的json文件的方法
2019/04/25 Javascript
vue 中 命名视图的用法实例详解
2019/08/14 Javascript
详解vue-router的Import异步加载模块问题的解决方案
2020/05/13 Javascript
[01:25:38]DOTA2-DPC中国联赛 正赛 VG vs LBZS BO3 第一场 1月19日
2021/03/11 DOTA
Python操作列表常用方法实例小结【创建、遍历、统计、切片等】
2019/10/25 Python
tensorflow入门:TFRecordDataset变长数据的batch读取详解
2020/01/20 Python
python 实现一个简单的线性回归案例
2020/12/17 Python
Python爬虫UA伪装爬取的实例讲解
2021/02/19 Python
CSS3实现闪烁动画效果的方法
2015/02/09 HTML / CSS
中国跨境在线时尚零售商:Bellelily
2018/04/06 全球购物
决定成败的关键——创业计划书
2014/01/24 职场文书
奥巴马连任演讲稿
2014/05/15 职场文书
毕业生求职自荐信(2016最新版)
2016/01/28 职场文书
2016年安全生产先进个人事迹材料
2016/02/29 职场文书
centos8安装nginx1.9.1的详细过程
2021/08/02 Servers
高并发下Redis如何保持数据一致性(避免读后写)
2022/03/18 Redis