tailwindcss是類(lèi)似原子化css,只需書(shū)寫(xiě) HTML 代碼,無(wú)需書(shū)寫(xiě) CSS,即可快速構(gòu)建美觀的網(wǎng)站
類(lèi)似uniapp中uview行內(nèi)編寫(xiě),優(yōu)勢(shì)一個(gè)是減少重復(fù)css和量的問(wèn)題,另外解放部分樣式書(shū)寫(xiě)。
https://www.tailwindcss.cn/
實(shí)現(xiàn)原理
通過(guò)js動(dòng)態(tài)生成最終的css文件,一般用在npm搭配中也可以直接cdn引入。
//js 方式一
<script src='https://tailwindcss.com'></script>
css
// link css直接方式二
<link ></script>
部分機(jī)型可能app中或webview內(nèi)核問(wèn)題,對(duì)于動(dòng)態(tài)加載js再添加css支持一般導(dǎo)致不顯示正確樣式
1 可以直接方式二,直接引入最終的css cdn處理。
2 或者高于2.2.19暫無(wú)或未找到最新cdn,則可以頁(yè)面f12-元素,直接找到style標(biāo)簽手動(dòng)引入最終生成版,注釋掉原先的js引入。