基于2个元素的纵向轮播

在开发过程中，我们经常会遇到纵向轮播，但是感觉网上的插件不是很好用，遂自己写了一个轮播，代码如下(基于vuejs)：

//swiper.vue

<template> <div :> <template v-if="list.length == 0">  <div >暂无数据</div> </template> <template v-if="list.length == 1">  <div >{{ list[0] }}</div> </template> <template v-if="list.length > 1">  <div >{{ list[0] }}</div>  <div >{{ list[1] }}</div> </template> </div></template><script>export default { name: "swiper", data() { return {  timer: null }; }, props: { list: {  type: Array,  default: () => {} },
 timespace:{
  type: Number,
  default: 3000
 }, height: {  default: 30,  type: Number }, width: {  default: 300,  type: Number } }, watch: { list: {  immediate: true,  handler: function(nv, ov) {  if (nv.length > 1) {   this.$nextTick(() => {   this.multiples(1);   });  }  } } }, methods: { multiples(d) {  let dom = document.getElementsByClassName("content")[0];  let layer = document.getElementsByClassName("layer")[0];  let deg = 0;  let index = d;  if (this.timer) {  clearInterval(this.timer);  this.timer = null;  }  this.timer = setInterval(() => {  deg = this.height;  index++;  dom.style.marginTop = `${-deg}px`;  setTimeout(() => {   let newdom = dom.cloneNode(true);   layer.removeChild(dom);   newdom.style.marginTop = `0px`;   let textindex = index % this.list.length;   newdom.innerHTML = this.list[textindex];   layer.appendChild(newdom);   dom = document.getElementsByClassName("content")[0];   if (index == this.list.length) {   clearInterval(this.timer);   this.multiples(0);   return false  }  }, 300);  }, this.timespace); } }};</script><style scoped>.layer { width: 300px; height: 30p......
原文转载：http://www.shaoqun.com/a/890917.html
跨境电商：https://www.ikjzd.com/
新单：https://www.ikjzd.com/w/79
 
易麦：https://www.ikjzd.com/w/2048
 
ideal：https://www.ikjzd.com/w/2286
 
在开发过程中，我们经常会遇到纵向轮播，但是感觉网上的插件不是很好用，遂自己写了一个轮播，代码如下(基于vuejs)：//swiper.vue<template><div:><templatev-if="list.length==0"><div>暂无数据</div></template><templat
太行古村凉沟桥 不用进村就把你美呆了：http://www.30bags.com/a/224269.html
太行山区老乡的一句方言 让我误入山坳小村：达柯：http://www.30bags.com/a/223015.html
太行山在哪里_太行山在哪个省_太行山在什么地方 ：http://www.30bags.com/a/412991.html
太行之巅有个小村松树岭 道路崎岖陡峭 令人望而却步：http://www.30bags.com/a/221986.html
又粗又长我被老外玩晕了 老外把我女朋友啪肿了：http://lady.shaoqun.com/m/a/247405.html
把车开到没人的地方做 男朋友在车里㖭我高潮：http://lady.shaoqun.com/m/a/247148.html
老师奶水太多让我帮她 老师你的奶好大好涨：http://lady.shaoqun.com/m/a/247353.html
情感故事：六年来我睡过的那些女人(11/33)：http://lady.shaoqun.com/m/a/68202.html
又一大bug！亚马逊FBA入站费用上涨十倍以上：https://www.ikjzd.com/articles/146802
2017互联网流行语热播！还有什么我不知道的吗？：http://lady.shaoqun.com/a/427367.html
开豪车，真的更容易吸引女生吗？如何识别拜金者并学习这些技巧：http://lady.shaoqun.com/a/427368.html
你第一次看小说《白鹿原》的时候在想什么？遇到好书太早不如错过好书：http://lady.shaoqun.com/a/427369.html