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

编辑: admin 分类: css 发布时间: 2022-01-18 来源:互联网

遇到的坑

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

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

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

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

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

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

使用scss新语法还时不行

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

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

总结:

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

以上就是本文的全部内容,【本文来源:高防服务器 转载请保留连接】希望对大家的学习有所帮助,也希望大家多多支持海外IDC网。

【本文转自:潜江网站推广 网络转载请说明出处】