                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /Vue.js
                        
                        /快速入門Web閱讀器開(kāi)發(fā)

關(guān)于 @import scss 的問(wèn)題。

為什么在 main.js 中導(dǎo)入了 import 'global.scss'之后。

又要在 .vue 文件中單獨(dú)導(dǎo)入一次？？

@import url('global.scss')

qq_缺南摸了個(gè)北_0

2019-08-09

源自：快速入門Web閱讀器開(kāi)發(fā) 3-13

關(guān)注問(wèn)題我要回答

1577

操作

收起

2 回答

寫(xiě)代碼的馬丁呀
2019-09-13

https://github.com/w3cfed/vue-demo

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

寫(xiě)代碼的馬丁呀
2019-09-13

因?yàn)?global.scss 中定義了公共的方法

$fontSize:?37.5

@function?px2rem($px)?
????@return?($px?/?$fontSize)?+?rem

@mixin?center()????
????display:?flex
????justify-content:?center
????align-items:?center

@import?"assets/styles/global"
.menu-bar
??.menu-wrapper
????position:?absolute
????bottom:?0
????left:?0
????z-index:?101
????display:?flex
????width:?100%
????height:?px2rem(48)
????background:?white
????box-shadow:?0?px2rem(-8)?px2rem(8)?rgba(0,?0,?0,?.15)
????&.hide-box-shadow
??????box-shadow:?none
????.icon-wrapper
??????flex:?1
??????@include?center()?//?這個(gè)方法?
??????.icon-progress
????????font-size:?px2rem(28)
??????.icon-bright
????????font-size:?px2rem(24)??//?這個(gè)方法