微信小程序在text文本實現(xiàn)多種字體樣式
這篇文章主要介紹了微信小程序在text文本實現(xiàn)多種字體樣式,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友可以參考下
微信小程序比較特別,它的wxml只允許用自己家的標簽,像那些span、div什么的統(tǒng)統(tǒng)不可以用,那如何在text文本加入不同的樣式呢,在html里面我們可以添加一個span,再給那些span添加不同的class或者style就可以了,但小程序不可以,在text里面只允許在加入text,不可以加view等東西,所以我們可以按照它提供的,再加一個text就可以了,但是隨之而來的還有一些bug,一般的我們都是直接某個class下面的text應(yīng)用某些樣式,如:

這樣我們新加的text也會應(yīng)用到那些樣式了,導(dǎo)致整體樣式的改變,解決方法是按照css里面提供的一個大于號>,像這樣

這樣子就可以了,大于號表示當前view下面一級的text,下下面的text不會應(yīng)用到,具體的可以去查看微信小程序css手冊里面的用法
再給那些span添加不同的class或者style就可以了,但小程序不可以,在text里面只允許在加入text,不可以加view等東西,
所以我們可以按照它提供的,再加一個text就可以了,但是隨之而來的還有
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
利用JavaScript實現(xiàn)檢測用戶是否在線功能
這篇文章主要為大家詳細介紹了如何利用JavaScript實現(xiàn)檢測用戶是否在線功能,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學(xué)習一下2022-12-12
js通過iframe加載外部網(wǎng)頁的實現(xiàn)代碼
這篇文章主要介紹了js通過iframe加載外部網(wǎng)頁的實現(xiàn)代碼,需要的朋友可以參考下2015-04-04
利用IntersectionObserver實現(xiàn)動態(tài)渲染的示例詳解
IntersectionObserver誕生已經(jīng)有幾年了,所以它的兼容性目前已經(jīng)達到可以使用的程度了。本文主要介紹了如何利用IntersectionObserver實現(xiàn)動態(tài)渲染,感興趣的可以了解一下2022-12-12
ion content 滾動到底部會遮住一部分視圖的快速解決方法
本文給大家?guī)砹薸on content 滾動到底部會遮住一部分視圖的快速解決方法,其實解決方法超簡單的,只要在你的controller里面預(yù)先注入$ionicScrollDelegate就可以了,感興趣的朋友通過本文一起學(xué)習吧2016-09-09
JS利用window.print()實現(xiàn)網(wǎng)頁打印功能
print作為瀏覽已經(jīng)比較成熟的技術(shù)可以經(jīng)常被用來打印頁面的部分內(nèi)容。本文將在JS中調(diào)用window.print()方法實現(xiàn)網(wǎng)頁打印功能,感興趣的可以跟隨小編一起學(xué)習一下2022-04-04

