《V01 Vue.js 实战教程 - 基础篇》 3.2. 网站 Logo

课程问答

求解关于样式的一点小问题？

问答 / 760 / 3 / 创建于 5年前 / 更新于 5年前

我们这里除了引入 main.scss 和 extra.scss，还设置了一些像 $container-large-desktop: 1200px; 这样的变量，这些变量用来替换 Bootstrap 样式的默认值。

意思是以上的那些变量都是bootstrap和font-awesome的scss文件中已经存在的变量，是么？
如果是的话，这些变量都是在什么地方定义的呢？指条路我去简单了解一下哈谢谢

scoped：添加此属性，则样式只在当前组件起作用；
所以样式默认不是只作用于本地是么？

daxiaobuzhaodiao

课程读者 66 声望

东京php

0 人点赞

推荐文章：

更多推荐...

博客

基于 Vue2.0 开发的 Lumen IM 在线聊天应用 33 / 15 |

基于 Nuxt.js 的个人网站开源项目（曾小满的盒子） 19 / 45 |

翻译

教程：使用 Vue.js 和 Laravel 共建一个简单的 CRUD 应用 49 / 11 |

链接

请求翻译 Bootstrap-vue 的文档 14 / 2 |

JustTr

课程读者 43 声望

最佳答案

你所说的“bootstrap和font-awesome的scss文件中已经存在的变量”在工程文件的node_modules文件夹里面的_bootstrap-sass@3.4.0@bootstrap-sass和_font-awesome@4.7.0@font-awesome里面的.scss样式文件中。
第二个问题scoped是说样式只作用于当前文件

5年前评论

讨论数量: 3

JustTr

课程读者 43 声望

你所说的“bootstrap和font-awesome的scss文件中已经存在的变量”在工程文件的node_modules文件夹里面的_bootstrap-sass@3.4.0@bootstrap-sass和_font-awesome@4.7.0@font-awesome里面的.scss样式文件中。
第二个问题scoped是说样式只作用于当前文件

5年前评论

daxiaobuzhaodiao

课程读者 66 声望

@JustCh 谢谢热心的回答哦，第二个问题如果不写 scoped 的话，最终样式会和其他组件混淆是么？

5年前评论

JustTr

课程读者 43 声望

是的，如果没有scoped，他的样式是全局的，所有组件都可以引用

5年前评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

求解关于样式的一点小问题？

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

求解关于样式的一点小问题？

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录