老师~关于抽象组件 @include的样式问题

来源:5-8 首页-新手特权(3)

幕木_

2018-01-24

5a6849440001402c05000284.jpg

5a6849450001ca1105000273.jpg

在 pannel组件中已经@include了pannel这个样式~但是在novice组件中又引用了@include pannel这个样式~我在想既然pannel组件已经有了pannel这个样式~而我们也没有在novice中给pannel传参。。那能不能不引入它呢。。

5a684c4b00011c1105000346.jpg

5a684c4b0001186505000274.jpg

刚开始 我用 

.pannel{
    >4{}
}这个不生效

然后用了元素选择器

section{
    >h4{
        border:1px solid #ddd
    }
}

然后这段样式生效了~~不知道这样会不会和其他组件下的 section h4样式产生冲突

还有能不能 把 pannel组件中的 @include pannel去掉~然后业务组件调用pannel组件的时候单独调用@include pannel这个样式呢。。。。。因为总觉得 pannel组件中有pannel样式~然后业务组件再调一下会有点多余。。

写回答

1回答

快乐动起来呀

2018-01-24

如果都是scss的引用,调用一次panel就好,关于标签得样式肯定会覆盖的

0
2
qq_小柒_13
.pannel { >h4{ } }
2018-03-23
共2条回复

前端面试项目冲刺 京东金融Vue组件化实战

透过京东金融项目理解组件化思维与项目面试,提升你的综合能力

922 学习 · 309 问题

查看课程