2018-08-15制作tabs UI组件

制作这个开始是没有思路的。后来想到先制作tabs的单个标签页，再进行标签页的组合。也就是两个组件交互的问题。使用viewchild或者viewchildren就可以办到。

但是，但是。，事与愿违，出问题了。

有坑：@viewchildren和@contentchildren区别还是比较大的，前者是指父子组件都渲染完毕再执行；后者是指内容加载完再执行。本组件肯定用后者。因为组件中用到了ng-content（不知道为什么不能使用ng-template）。

在这里差不多了解了ng的生命周期函数的执行顺序。

tabs的样式，如图：

其中那些边框利用了margin负值的作用，css如下：

重点就在红线框内。

就写到这里了，后面还会更新。。。