如何把关于登录页面的style css 内容存入一个scss文件并且引用呢

来源:3-1 登陆页面布局开发

weixin_慕无忌9386092

2021-08-21 19:18:27

注意到老师在项目中都是把css直接写在vue页面的,如果我想把css内容放在scss中,并且引入login 页面,要怎么做呢? 并且该文件引要可以在route中看,我之前测试在main.js中直接引用会和主界面的scss文件冲突

写回答

1回答

好帮手慕慕子

2021-08-22

同学你好,对于你的问题解答如下:、

1、与引入viriables.scss文件思路一样,单独在login页面中引入对应的scss文件即可。示例:

在style文件夹新建login.scss文件,将与login相关的样式代码写在这个scss文件中,然后在login.vue文件中的style标签中(style标签上要记得添加scoped属性)引入该文件即可。

http://img.mukewang.com/climg/6121aef909e5263c09770461.jpg

访问login页面,样式是生效的,如下:

http://img.mukewang.com/climg/6121af5a098af9eb06520758.jpg

2、router中的配置路由,参考视频中讲解去配置就可以了,即:先引入vue文件,然后添加到routes中即可,示例:

http://img.mukewang.com/climg/6121afc709e286d014510622.jpg

祝学习愉快~

0

0 学习 · 15276 问题

查看课程