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>
...