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

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

image.png

<template>
    <view class="content">

        <view style="width: 50%;">
            <u-notice-bar :text="text1" direction="column"></u-notice-bar>
        </view>

        <!-- 
        <u-notice-bar 
        
        // 显示的内容，direction为column时要求为数组， 为row时要求为字符串
        direction="column" // 通告滚动模式，row-横向滚动，column-竖向滚动
        mode="closable" // link-显示右箭头，closable-显示右侧关闭图标
        
        color="#fdf6ec" // 字体颜色
        bgColor="#fdf6ec" // 背景颜色
        
        ></u-notice-bar> 
        -->
        
    </view>
</template>

<script>
    export default {
        data() {
            return {
                text1: ["是是", "是实打实"],
                // text1: 'uView UI众多组件覆盖开发过程的各个需求，组件功能丰富，多端兼容。让您快速集成，开箱即用'
            }
        },
    }
</script>

<style>

</style>

...