通知栏单行文本超出横向滚动字 vue

最新推荐文章于 2024-07-10 10:20:38 发布

lululululululu22

最新推荐文章于 2024-07-10 10:20:38 发布

阅读量1.5k

点赞数

分类专栏： js vue 文本超出单行滚动

本文链接：https://blog.csdn.net/lunmeifan/article/details/103130401

版权

本文介绍如何在Vue项目中使用CSS和数据初始化来创建一个通知栏，当单行文本超出时实现横向滚动效果，并动态添加动画方法。

摘要由CSDN通过智能技术生成

html

        <div class="yellow-bar-contanier">
            <div style="width: 46px">通知：</div>
            <div class="bar" ref="barparent">
                <div class="bartext" ref="barchild" :style="yellowBarTextStyle">说明文案说明文案说明文案说明文案说明文案说明文案</div>
            </div>