uni-app中使用scss的示例代码
吴凡
遇到的坑
整个一个下午我都在解决uni-app中使用scss的坑,首先说一下我的问题,在用scss时一直不能使用@mixin,然后百度各种办法调试:
代码写法问题(完全按官网的写法来的不可行): 官网demo
浏览器问题(换火狐不行)。
语法版本问题(换了写法同样不行): scss使用mixin不生效,浏览器无法编译出来
插件没有安装上(重装还是不好使)。
把<style type='css'> 改成了 scss , 还是不行。
使用scss新语法还时不行
整个一下午实在是弄不出来,没办法的情况下,想着直接用vue的中安装scss的方法来操作一下试试,结果还真可以了。
需要注意的是不能全局引入,只能一个页面一个页面的引入,我也是醉了。
总结:
uni-app就是vue的基础上做的,下次如果要安装/引入什么东西,就先vue操作一下,不行再按uni-app的操作。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。