微信小程序在text文本實(shí)現(xiàn)多種字體樣式
這篇文章主要介紹了微信小程序在text文本實(shí)現(xiàn)多種字體樣式,文中通過(guò)示例代碼介紹的非常詳細(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就可以了，但是隨之而來(lái)的還有一些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就可以了，但是隨之而來(lái)的還有
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家介紹了webpack DefinePlugin源碼入口解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
利用JavaScript實(shí)現(xiàn)檢測(cè)用戶(hù)是否在線(xiàn)功能
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)檢測(cè)用戶(hù)是否在線(xiàn)功能，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2022-12-12
Postman自動(dòng)化接口測(cè)試實(shí)戰(zhàn)
有時(shí)我們可能需要在多個(gè)環(huán)境下對(duì)同一個(gè)接口進(jìn)行測(cè)試。比如我們請(qǐng)求的域名,開(kāi)發(fā)、測(cè)試、生產(chǎn)環(huán)境,請(qǐng)求參數(shù)。文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
全角：是一種電腦字符，是指一個(gè)全角字符占用兩個(gè)標(biāo)準(zhǔn)字符(或兩個(gè)半角字符)的位置。全角占兩個(gè)字節(jié)。半角：是指一個(gè)字符占用一個(gè)標(biāo)準(zhǔn)的字符位置。半角占一個(gè)字節(jié)。接下來(lái)通過(guò)本文給大家介紹JS驗(yàn)證全角與半角及相互轉(zhuǎn)化的知識(shí)，需要的朋友參考下吧2017-05-05
鼠標(biāo)滾輪控制網(wǎng)頁(yè)橫向移動(dòng)實(shí)現(xiàn)思路
設(shè)置window的scrollLeft值，這里一定要是window不能是body否則滾動(dòng)有問(wèn)題,綁定事件mousewhell 也必須是在body上,感興趣的各位可以了解下哈，希望可以幫助到你2013-03-03
js通過(guò)iframe加載外部網(wǎng)頁(yè)的實(shí)現(xiàn)代碼
這篇文章主要介紹了js通過(guò)iframe加載外部網(wǎng)頁(yè)的實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-04-04
微信小程序并沒(méi)有提供搖一搖API接口，但是提供了一個(gè)重力感應(yīng)的API，接下來(lái)我們可以用這個(gè)方法來(lái)模擬微信搖一搖功能，具體實(shí)現(xiàn)代碼，大家參考下本文2017-07-07
利用IntersectionObserver實(shí)現(xiàn)動(dòng)態(tài)渲染的示例詳解
IntersectionObserver誕生已經(jīng)有幾年了，所以它的兼容性目前已經(jīng)達(dá)到可以使用的程度了。本文主要介紹了如何利用IntersectionObserver實(shí)現(xiàn)動(dòng)態(tài)渲染，感興趣的可以了解一下2022-12-12
ion content 滾動(dòng)到底部會(huì)遮住一部分視圖的快速解決方法
本文給大家?guī)?lái)了ion content 滾動(dòng)到底部會(huì)遮住一部分視圖的快速解決方法，其實(shí)解決方法超簡(jiǎn)單的，只要在你的controller里面預(yù)先注入$ionicScrollDelegate就可以了，感興趣的朋友通過(guò)本文一起學(xué)習(xí)吧2016-09-09
JS利用window.print()實(shí)現(xiàn)網(wǎng)頁(yè)打印功能
print作為瀏覽已經(jīng)比較成熟的技術(shù)可以經(jīng)常被用來(lái)打印頁(yè)面的部分內(nèi)容。本文將在JS中調(diào)用window.print()方法實(shí)現(xiàn)網(wǎng)頁(yè)打印功能，感興趣的可以跟隨小編一起學(xué)習(xí)一下2022-04-04