uni-app 之 NoticeBar 滚动通知，横向滚动，竖/纵向滚动

青旅半醒 2023-10-15 23:50 71阅读 0赞

uni-app 之 NoticeBar 滚动通知，横向滚动，竖/纵向滚动

![format_png][]

image.png

<template>
        <view class="content">
    
            <view style="width: 50%;">
                <u-notice-bar :text="text1" direction="column"></u-notice-bar>
            </view>
    
            
            
        </view>
    </template>
    
    <script>
        export default {
            data() {
                return {
                    text1: ["是是", "是实打实"],
                    // text1: 'uView UI众多组件覆盖开发过程的各个需求，组件功能丰富，多端兼容。让您快速集成，开箱即用'
                }
            },
        }
    </script>
    
    <style>
    
    </style>

...

[format_png]: https://img-blog.csdnimg.cn/img_convert/2d064429427e38a901b7a87425f858dd.webp?x-oss-process=image/format,png

发表评论取消回复

表情：

评论列表（有 0 条评论，71人围观）

还没有评论，来说两句吧...

相关阅读

相关 uniapp实现横向滚动样式条

uniapp实现横向滚动样式条简介：本文讲解，uniapp如何实现横向滚动样式条。运行代码： <template> <view class="c

ゞ浴缸里的玫瑰/ 2024年03月31日 09:19/ 0 赞/ 81 阅读

相关 uni-app 之 NoticeBar 滚动通知，横向滚动，竖/纵向滚动

uni-app 之 NoticeBar 滚动通知，横向滚动，竖/纵向滚动 ![format_png][] image.png <template>

青旅半醒/ 2023年10月15日 23:50/ 0 赞/ 72 阅读

相关 css横向滚动列表

![在这里插入图片描述][20200413164239281.gif_pic_center] <ul class="video_list"> <li>

朱雀/ 2023年07月25日 08:45/ 0 赞/ 187 阅读

相关 el-tree 解决横向滚动条和纵向滚动条问题

如题，在el-tree所处的代码块中，加入滚动条，使其能够滚动使用overflow:scroll 即可 overflow定义:设定如果内容溢出元素设定范围后该怎么做.

蔚落/ 2023年01月15日 09:26/ 0 赞/ 638 阅读

相关 uniapp横向滚动

<template> <view> <scroll-view scroll-x="true" calss="scroll_view">

落日映苍穹つ/ 2023年01月11日 09:12/ 0 赞/ 278 阅读

相关公告栏横向滚动

<div class="gonggao"> <i class="icon iconfont icon-laba"></i> <marquee scr

偏执的太偏执、/ 2022年12月27日 12:51/ 0 赞/ 250 阅读

相关移动端横向滚动

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8">

朱雀/ 2022年10月02日 14:55/ 0 赞/ 221 阅读

相关 css 隐藏滚动条竖向y滚动，横向x不滚动

.bottom { overflow-x: hidden; overflow-y: scroll; } 参考博客：

左手的ㄟ右手/ 2022年09月09日 14:51/ 0 赞/ 274 阅读

相关【easyui】datagrid横向滚动条自动滚动功能

在datagrid的onLoadSuccess函数中，做如下处理 //根据当前时刻，判断滚动条滑动的位置 var myDate

分手后的思念是犯贱/ 2022年06月16日 07:19/ 0 赞/ 1333 阅读

相关 uniapp如何设置横向滚动，而且没有滚动条

> 设置横向滚动 overflow-x: auto; display: -webkit-box; overflow-y: hidden; > 隐藏横

今天药忘吃喽~/ 2021年07月24日 23:14/ 0 赞/ 1542 阅读