cube-ui里的Scroll組件咬腕,當把它的<style lang="stylus" rel="stylesheet/stylus">改成自己項目sass的<style lang="scss" type="text/css" scoped>,會導致滾動效果失效月洛。
原因排查了一下,cube-scroll-list-wrapper 里本應該設置了display:inline-block蒋伦,但是由于scoped的隔絕傳遞委可,所以UI組件的樣式設置沒有起作用。去掉scoped可以解決租幕,但是這樣會違背了原來組件樣式相互獨立的初衷舷手。可以用深度作用選擇器">>>"來進行加深傳遞劲绪,不支持">>>"的sass可以用"/deep/"男窟,例如:
.example /deep/ {
display:inline-block;
}
然后問題就解決了
github相關問題傳送門:https://github.com/chendishen/bugList