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