更新记录

1.0.2(2023-07-10) 下载此版本

优化了一些bug

1.0.1(2023-06-30) 下载此版本

修改一些样式

1.0.0(2023-06-30) 下载此版本

多条通知消息滚动显示

查看更多

平台兼容性

uni-app

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
√ - - - √ - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟
√ - - - - - - - - - - -

Example

import uNotice from '../../components/u-notice/u-notice.vue'
// 引入插件
<uNotice 
        :textlist="textlist" 
        interval=2000
        duration=2000
        showIcon showMore
        color="#f19e07"
        background="#f7eddf"
        ></uNotice>
textlist:[
          {
              title:'王五支付了15.00元 19:01:02',
          },
          {
              title:'林水支付了25.00元  19:02:03',
          },
          {
              title:'王千支付了12.00元  19:04:15',
          },
      ],

Attributes

参数 说明 类型 可选值 默认值 required
textlist 文字内容,至少2条消息,否则滚动不起来 Array — — 必填
vertical 滚动方向 Boolean — false(水平) —
interval 下一条消息切换时间间隔 Number — 2000 —
duration 消息滑动动画时长 Number — 2000 —
showIcon 是否显示图标 Boolean — false —
showMore 是否显示查看更多 Boolean — false —
color 字体颜色 String — #f19e07 —
background 背景颜色 String — #f19e07 —

平台支持度

5+App H5 微信小程序 支付宝小程序 百度小程序 头条小程序
yes 未知 yes 未知 未知 未知

注意:该组件本人只在微信小程序和app使用过,其他平台未做测试

使用

下载后把该文件放至 components 文件夹

更新

  • 1.0.0

说明

如有不清楚,欢迎来扰

隐私、权限声明

1. 本插件需要申请的系统权限列表:

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

无

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

无

许可协议

MIT协议

暂无用户评论。