cube-ui不完全使用手册

你没看错这是一篇不完全的使用手册，也可以说是一篇解决方案的合集。

---

---

修改原生组件样式(推荐)

同样，在这里的样式，我们可以继续声明为 scoped:

<style lang="stylus" scoped>
	// cube-ui里的原生组件样式
	>>> .cube-scroll-nav-bar-item
		padding 0
	
	// OR
	/deep/ .cube-scroll-nav-bar-item
		padding 0
</style>

修改已完善的组件样式（已放弃）

这个解决方案只适用于以后这个组件都是这一统一的样式，如果UI大人突然脑子一热在另一个页面相同组件另一个样式，我们就抓瞎了，推荐看上面的解决方案。

这个解决方案我参考了雷丘的答案

首先确认 cube-ui 组件内的组件 根class ，可能不够明确，来张图片瞅瞅：

上代码：

// 注意这里不要加scoped
// 使其成为全局样式
// 还要保证你要修改组件style样式里面不能使用scoped
<style>
.cube-scroll-nav-bar .cube-scroll-nav-bar-items {
	padding: 10px 15px;
}
</style>

恼人的eslint

参考自
原谅一个 强迫症 在搭建脚手架的时候开启了eslint，【大哭】【大哭】【大哭】

我遇到了大量报错，其中最主要的一条是：

Expected indentation of 2 spaces but found 1 tab

都是因为我习惯使用1个tab来缩进，所以改进方式就是在文件 .eslintrc.js 中添加

// allow use tab
'no-tabs': 0,
'no-mixed-spaces-and-tabs': 0,
'indent': ["off", "tab"],
'no-trailing-spaces': 0,