uni-app中使用scss的示例代碼
發(fā)布時(shí)間：2019-11-04 15:33:05 作者：吳凡 
我要評(píng)論
我要評(píng)論這篇文章主要介紹了uni-app中使用scss的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
遇到的坑
整個(gè)一個(gè)下午我都在解決uni-app中使用scss的坑，首先說(shuō)一下我的問(wèn)題，在用scss時(shí)一直不能使用@mixin，然后百度各種辦法調(diào)試：
代碼寫(xiě)法問(wèn)題（完全按官網(wǎng)的寫(xiě)法來(lái)的不可行）: 官網(wǎng)demo
瀏覽器問(wèn)題（換火狐不行）。
語(yǔ)法版本問(wèn)題（換了寫(xiě)法同樣不行）: scss使用mixin不生效，瀏覽器無(wú)法編譯出來(lái)
插件沒(méi)有安裝上（重裝還是不好使）。
把<style type='css'> 改成了 scss ， 還是不行。
使用scss新語(yǔ)法還時(shí)不行
整個(gè)一下午實(shí)在是弄不出來(lái)，沒(méi)辦法的情況下，想著直接用vue的中安裝scss的方法來(lái)操作一下試試，結(jié)果還真可以了。
需要注意的是不能全局引入，只能一個(gè)頁(yè)面一個(gè)頁(yè)面的引入，我也是醉了。
總結(jié):
uni-app就是vue的基礎(chǔ)上做的，下次如果要安裝/引入什么東西，就先vue操作一下，不行再按uni-app的操作。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
詳解利用css3的var()實(shí)現(xiàn)運(yùn)行時(shí)改變scss的變量值
這篇文章主要介紹了詳解利用css3的var()實(shí)現(xiàn)運(yùn)行時(shí)改變scss的變量值，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨2021-03-02
scss使用mixin不生效(瀏覽器無(wú)法編譯出來(lái))的解決方法
這篇文章主要介紹了scss使用mixin不生效(瀏覽器無(wú)法編譯出來(lái))的解決方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下2019-10-12- 這篇文章主要介紹了手機(jī)端用rem+scss做適配的詳解,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-15
前端編碼規(guī)范（4）—— CSS 和 Sass (SCSS) 開(kāi)發(fā)規(guī)范
這篇文章主要介紹了前端編碼規(guī)范（4）—— CSS 和 Sass (SCSS) 開(kāi)發(fā)規(guī)范,需要的朋友可以參考下2017-01-21- 這篇文章主要介紹了CSS3 真的會(huì)替代 SCSS 嗎的相關(guān)知識(shí)，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-03-09
