@import引入问题

来源:3-2 Tabbar 组件

搬砖工程师

2018-10-21 12:44:48

http://img.mukewang.com/climg/5bcc03c10001f4d704050373.jpg

http://img.mukewang.com/climg/5bcc03d700019ceb04050641.jpg

tabbar的样式已经淡出调用出来,为什么index.vue还需要@import 'mixin'?

写回答

2回答

好帮手慕夭夭

2018-10-21

你好同学,因为会用到如下变量 :

http://img.mukewang.com/climg/5bcc27d60001c0c304310250.jpg

$tabbar-height是在_variables.scss文件中定义的 ,

http://img.mukewang.com/climg/5bcc27fe0001886c07180208.jpg

而_mixins.scss文件引用了_variables.scss文件:

http://img.mukewang.com/climg/5bcc283b00017e5406880251.jpg

所以在index.vue中引入_mixins.scss就可以使用到比变量$tabbar-height了 。

2.~表示在全局下引入的路径 ,例如全局变量和Mixin存储在src/assets/scss/mixins里 ,路径引用就是"~assets/scss/mixins" 。

祝学习愉快 ,望采纳

1

搬砖工程师

提问者

2018-10-21

@import "~assets/scss/mixins";

还有符号~不理解,是语法规定这么写的吗,有没有什么含义?



1

0 学习 · 3299 问题

查看课程