唯心主义蠢货的[UI组件_4]走马灯

实现可选卡片化的走马灯组件

实现效果

卡片化效果

非卡片化效果

逻辑分析与代码实现

整体结构

整体分为carousel和carousel_item，通过$parent 和 $children 进行父子间组件的选择，类似发布订阅模式
carousel：包含slot插槽，显示窗口和indicator指示器，控制走马灯的整体效果，包括item的显示方式，如何进行切换，切换速度，以及一些相关事件操作
carousel_item：包含slot插槽，控制单个item的效果，主要是进行item的位置的偏移，item对应状态的改变

卡片化carousel实际上是在stage部分显示三张图片，三张设置width为50%，高度自适应，然后将左右两侧的图片进行scale缩小，然后调整偏移量，使其到达左右两侧。

carousel部分

主要有以下函数

1. updateItem：在子元素更新时进行调用，根据$ children.$option.name 收集我们所需子元素

    updateItem: function () {this.items = this.$children.filter(item => {