微信小程序在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 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
28個(gè)JavaScript常用字符串方法以及使用技巧總結(jié)
這篇文章主要給大家介紹了28個(gè)JavaScript常用字符串方法以及使用技巧的相關(guān)資料,文中統(tǒng)計(jì)的方法都非常實(shí)用,無論是日常工作還是面試,都建議多看一看,需要的朋友可以參考下2021-09-09
前端使用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

