项目官网要求将合作伙伴的logo以无缝滚动的样式展示在首页
插件改起来真麻烦,就自己写吧,自己写的最起码是可控的,不会出现奇奇怪怪的问题
效果图:(其实它的滚起来的,不是静止的…)
合作伙伴的logo都是从接口读取的图片,ui设计要求每个图片大小一致,间隔一致,所以写起来比较简单
html:
<div class="t">
<div class="t-1">ABOUT PARTENER</div>
<div class="t-2"><span style="color:#EEBB40;">合作</span>伙伴</div>
<div class="partener-wrap" ref="partWap">
<div class="partTab" ref="partTab" >
<div class="ps" v-for="(m,index) in partners" :key="index">
< img :src="imgUrl+m.filePath"/>
</div>
</div>
</div>
</div>
<