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'
    }
是否仍需要帮助？ 请保持联络！
最后更新于 2024/11/18