Jff Notice

jff-notice 通知公告栏

介绍

顶部或底部横幅

使用方法

import "../../components/jff-notice/jff-notice.stml";

例子

    <jff-notice 
        :auto="auto" 
        onclick="taps" 
        id="1"
        ishow="true"
        msg="asjdsldjlk"
    />
    data() {
        return {
           auto: false

        };
    },
    taps(e){
        console.log(JSON.stringify(e));
    }

props 属性

参数 说明 类型 默认值
id 唯一标识,必填 String -
params 左侧图标参数,选填 Object {size: '24px',color: '#fff',type: 'prompt'}
bgcolor 横幅背景色,选填 String #17abe3
auto 自动关闭横幅,选填 Boolean false
delay 自动关闭延时(秒),选填 Number 3
ishow 横幅是否展示,必填 Boolean true
msg 横幅内容,必填 String ''
type 横幅是否滚动,选填(1->不滚动,2->滚动) Number 1
speed 横幅滚动速率,选填(数字越大速度越快) Number 2
left 横幅初始位置,选填 Number 屏幕最右侧
count 横幅滚动次数,选填 Number 3
limit 是否限制横幅滚动次数,选填 Boolean false

events 事件

事件名 说明 回调参数
click 点击横幅时触发 -

参数示例


    /** params **/
    /** type参考地址 **/
    /** https://icon.yangyongan.com **/
    {
        'size': '24px',
        'color': '#fff',
        'type': 'prompt'
    }