小程序、vue 新闻上下轮播

红色部分：相当于放映机，也就是容器，overflow：hidden
绿色内容：相当于胶片，也就是dom

vue

vue的核心之一，数据驱动模版，循环播放映射的数据上就是 [1,2,3,4,5,6] —》[2,3,4,5,6,1] —》 [3,4,5,6,1,2]

动画是数据调整一次就执行一次

<ul :class="{
    'comm__qa-transitoin':animate}">
	<li v-for="item in list" :key="item.title">
		{
  {item.title}}
    </li>
</ul>

data() {
   
	return {
   
		list: [
			{
   title: '1哈哈哈'},
			{
   title: &