@wanghonggan/uv-ui
Version:
uv-ui 破釜沉舟之兼容vue3+2、nvue、app、h5、小程序等多端基于uni-app和uView2.x的生态框架,支持单独导入,开箱即用,利剑出击。
78 lines (77 loc) • 1.79 kB
JavaScript
import { getPropsByKey } from "../../libs/config/config";
export default {
props: {
// 显示的内容,数组
text: {
type: [Array, String],
default: () => []
},
// 通告滚动模式,row-横向滚动,column-竖向滚动
direction: {
type: String,
default: 'row'
},
// direction = row时,是否使用步进形式滚动
step: {
type: Boolean,
default: false
},
// 是否显示左侧的音量图标
icon: {
type: [String, Boolean, null],
default: 'volume'
},
// 通告模式,link-显示右箭头,closable-显示右侧关闭图标
mode: {
type: String,
default: ''
},
// 文字颜色,各图标也会使用文字颜色
color: {
type: String,
default: '#f9ae3d'
},
// 背景颜色
bgColor: {
type: String,
default: '#fdf6ec'
},
// 水平滚动时的滚动速度,即每秒滚动多少px(px),这有利于控制文字无论多少时,都能有一个恒定的速度
speed: {
type: [String, Number],
default: 80
},
// 字体大小
fontSize: {
type: [String, Number],
default: 14
},
// 滚动一个周期的时间长,单位ms
duration: {
type: [String, Number],
default: 2000
},
// 跳转的页面路径
url: {
type: String,
default: ''
},
// 页面跳转的类型
linkType: {
type: String,
default: 'navigateTo'
},
// 是否禁止用手滑动切换
// 目前HX2.6.11,只支持App 2.5.5+、H5 2.5.5+、支付宝小程序、字节跳动小程序
disableTouch: {
type: Boolean,
default: true
},
// 是否禁止滚动,仅`direction="column"生效`
disableScroll: {
type: Boolean,
default: false
},
...getPropsByKey('noticeBar')
}
}