您的位置:首页 > 移动开发

uni-app中使用scss的示例代码

2019-11-15 18:04 1731 查看

遇到的坑

整个一个下午我都在解决uni-app中使用scss的坑,首先说一下我的问题,在用scss时一直不能使用@mixin,然后百度各种办法调试:

代码写法问题(完全按官网的写法来的不可行): 官网demo

浏览器问题(换火狐不行)。

语法版本问题(换了写法同样不行): scss使用mixin不生效,浏览器无法编译出来

插件没有安装上(重装还是不好使)。

把<style type='css'> 改成了 scss , 还是不行。

使用scss新语法还时不行

整个一下午实在是弄不出来,没办法的情况下,想着直接用vue的中安装scss的方法来操作一下试试,结果还真可以了。

需要注意的是不能全局引入,只能一个页面一个页面的引入,我也是醉了。

总结:

uni-app就是vue的基础上做的,下次如果要安装/引入什么东西,就先vue操作一下,不行再按uni-app的操作。

以上就是本文的全部内容,希望对大家的学习有所帮助

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  uni-app SCSS
相关文章推荐