微信小程序在text文本實(shí)現(xiàn)多種字體樣式
這篇文章主要介紹了微信小程序在text文本實(shí)現(xiàn)多種字體樣式,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
微信小程序比較特別，它的wxml只允許用自己家的標(biāo)簽，像那些span、div什么的統(tǒng)統(tǒng)不可以用，那如何在text文本加入不同的樣式呢，在html里面我們可以添加一個(gè)span，再給那些span添加不同的class或者style就可以了，但小程序不可以，在text里面只允許在加入text，不可以加view等東西，所以我們可以按照它提供的，再加一個(gè)text就可以了，但是隨之而來的還有一些bug，一般的我們都是直接某個(gè)class下面的text應(yīng)用某些樣式，如：
這樣我們新加的text也會(huì)應(yīng)用到那些樣式了，導(dǎo)致整體樣式的改變，解決方法是按照css里面提供的一個(gè)大于號(hào)>，像這樣
這樣子就可以了，大于號(hào)表示當(dāng)前view下面一級(jí)的text，下下面的text不會(huì)應(yīng)用到，具體的可以去查看微信小程序css手冊(cè)里面的用法
再給那些span添加不同的class或者style就可以了，但小程序不可以，在text里面只允許在加入text，不可以加view等東西，
所以我們可以按照它提供的，再加一個(gè)text就可以了，但是隨之而來的還有
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了JavaScript防止全局變量污染的方法,結(jié)合實(shí)例形式較為詳細(xì)的總結(jié)分析了JavaScript防止全局變量污染的常用操作技巧與注意事項(xiàng),需要的朋友可以參考下2018-08-08
這篇文章主要介紹了JavaScript如何獲取圖片的原始尺寸以寬度為例,需要的朋友可以參考下2014-05-05
JavaScript call apply使用 JavaScript對(duì)象的方法綁定到DOM事件后this指向問題
JavaScript對(duì)象與DOM對(duì)象進(jìn)行綁定會(huì)遇到一個(gè)問題：如果被綁定的對(duì)象的方法中包含this關(guān)鍵字，當(dāng)事件被觸發(fā)時(shí)this指向的卻是DOM對(duì)象，而不是之前的JS對(duì)象。2011-09-09
這篇文章主要介紹了JS實(shí)現(xiàn)的排列組合算法,結(jié)合完整實(shí)例形式詳細(xì)分析了排列組合算法的原理與javascript相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-07-07
28個(gè)JavaScript常用字符串方法以及使用技巧總結(jié)
這篇文章主要給大家介紹了28個(gè)JavaScript常用字符串方法以及使用技巧的相關(guān)資料,文中統(tǒng)計(jì)的方法都非常實(shí)用,無論是日常工作還是面試,都建議多看一看,需要的朋友可以參考下2021-09-09
這篇文章主要介紹了原生javascript實(shí)現(xiàn)百葉窗效果的方法及原理介紹，感興趣的小伙伴們可以參考一下2016-04-04
前端使用crypto-js庫aes加解密詳細(xì)代碼示例
在前端開發(fā)中數(shù)據(jù)的加密和解密是為了保障用戶隱私和數(shù)據(jù)的安全性而常見的任務(wù),這篇文章主要給大家介紹了關(guān)于前端使用crypto-js庫aes加解密的相關(guān)資料,需要的朋友可以參考下2024-03-03
Bootstrap的popover（彈出框）2秒后定時(shí)消失的實(shí)現(xiàn)代碼
Bootstrap Popover（彈出框）是使用定制的 Jquery 插件創(chuàng)建的。它可以用來顯示任何元素的一些信息。這篇文章主要介紹了Bootstrap的popover（彈出框）2秒后定時(shí)消失功能，需要的朋友參考下2017-02-02
基于JS實(shí)現(xiàn)操作成功之后自動(dòng)跳轉(zhuǎn)頁面
這篇文章主要介紹了基于JS實(shí)現(xiàn)操作成功之后自動(dòng)跳轉(zhuǎn)頁面的相關(guān)知識(shí)，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-09-09
本文主要介紹了webpack入門的一些簡單命令和基本配置信息，從代碼拆分、打包、壓縮的角度和傳統(tǒng)的前端項(xiàng)目進(jìn)行對(duì)比，希望以此加深大家對(duì)webpack基礎(chǔ)知識(shí)的印象。下面跟著小編一起來看下吧2017-01-01