uni-app中使用scss

遇到的坑

整個一個下午我都在解決uni-app中使用scss的坑,首先說一下個人問題,在用scss時一直不能使用@mixin,而後百度各類辦法調試:

  1. 代碼寫法問題(徹底按官網的寫法來的不可行): 官網demo
  2. 瀏覽器問題(換火狐不行)。
  3. 語法版本問題(換了寫法一樣不行): scss使用mixin不生效,瀏覽器沒法編譯出來
  4. 插件沒有安裝上(重裝仍是很差使)。
  5. 把<style type='css'> 改爲了 scss , 仍是不行。
  6. 使用scss新語法還時不行

clipboard.png

整個一下午實在是弄不出來,沒辦法的狀況下,想着直接用vue的中安裝scss的方法來操做一下試試,結果還真能夠了。

須要注意的是不能全局引入,只能一個頁面一個頁面的引入,我也是醉了。css

總結:

  • uni-app就是vue的基礎上作的,下次若是要安裝/引入什麼東西,就先vue操做一下,不行再按uni-app的操做。
相關文章
相關標籤/搜索