uni-app项目展示屏幕文字滚动效果

github地址,喜欢的可以star下哦
插件预览图

使用教程
1.插件代码拷贝
下载后把components目录下screenTextScroll.vue文件拷贝到自己项目目录下
2.插件全局配置
在项目里main.js中配置如下代码
import screenTextScroll from ‘./components/screenTextScroll.vue’

Vue.component(‘textscroll’,screenTextScroll)

3.插件使用
vue页面使用
<template>
<view class=”content”>
<textscroll :list=”list”/>
</view>
</template>

<script>
export default {
data() {
return {
list:[‘1分钟前,无夏购买了会员’,’2分钟前,无夏购买了会员’,’3分钟前,无夏购买了会员’]
};
},
onLoad() {},
methods: {

}
};
</script>

<style>

</style>

兼容性
uni-app项目中使用都兼容

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理