【微信小程序】实现手机全屏滚动字幕

2024-07-13 03:20| 来源: 网络整理| 查看: 265

实现效果在这里插入图片描述

一，实现背景

无意中在某音上看到用手机横屏作为广告屏的视频，大部分都是用第三方软件实现的；在这里插入图片描述

以及在汽车后挡风玻璃放置提醒字样的视频，这种基本是要花钱买屏幕，通过手机控制屏幕内容；在这里插入图片描述

遂想实现这种效果

二，实现代码

1，滚动字幕 zimu.wxml，界面布局，很简单，没啥特别的，顶部一个返回按钮，为了不影响整体效果，可以把这个按钮做成透明的图片放上去；除了那个按钮剩下的就是滚动的字幕组件了

【本文地址】

今日新闻