uni-app中使用scss的示例代码
发布时间：2019-11-04 15:33:05 作者：吴凡 
我要评论
我要评论这篇文章主要介绍了uni-app中使用scss的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
遇到的坑
整个一个下午我都在解决uni-app中使用scss的坑，首先说一下我的问题，在用scss时一直不能使用@mixin，然后百度各种办法调试：
代码写法问题（完全按官网的写法来的不可行）: 官网demo
浏览器问题（换火狐不行）。
语法版本问题（换了写法同样不行）: scss使用mixin不生效，浏览器无法编译出来
插件没有安装上（重装还是不好使）。
把<style type='css'> 改成了 scss ， 还是不行。
使用scss新语法还时不行
整个一下午实在是弄不出来，没办法的情况下，想着直接用vue的中安装scss的方法来操作一下试试，结果还真可以了。
需要注意的是不能全局引入，只能一个页面一个页面的引入，我也是醉了。
总结:
uni-app就是vue的基础上做的，下次如果要安装/引入什么东西，就先vue操作一下，不行再按uni-app的操作。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持程序员之家。
相关文章
- 这篇文章主要介绍了详解利用css3的var()实现运行时改变scss的变量值，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随2021-03-02
scss使用mixin不生效(浏览器无法编译出来)的解决方法
这篇文章主要介绍了scss使用mixin不生效(浏览器无法编译出来)的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下2019-10-12- 这篇文章主要介绍了手机端用rem+scss做适配的详解,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-15
前端编码规范（4）—— CSS 和 Sass (SCSS) 开发规范
这篇文章主要介绍了前端编码规范（4）—— CSS 和 Sass (SCSS) 开发规范,需要的朋友可以参考下2017-01-21- 这篇文章主要介绍了CSS3 真的会替代 SCSS 吗的相关知识，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2021-03-09
最新评论