更新记录

1.0.1（2019-09-21）

  • 添加 示例项目

NoticeBar 通告栏

通告栏组件，组件名：uni-notice-bar，代码块： uNoticeBar。

使用方式：

在 script 中引用组件 

import {uniNoticeBar} from "uni-ui"
export default {
    components: {uniNoticeBar}
}

基本用法

<uni-notice-bar single="true" text="[单行] 这是 NoticeBar 通告栏，这是 NoticeBar 通告栏，这是 NoticeBar 通告栏"></uni-notice-bar>
<uni-notice-bar text="[多行] 这是 NoticeBar 通告栏，这是 NoticeBar 通告栏，这是 NoticeBar 通告栏，这是 NoticeBar 通告栏"></uni-notice-bar>

文字滚动

<uni-notice-bar scrollable="true" single="true" text="[单行] 这是 NoticeBar 通告栏，这是 NoticeBar 通告栏，这是 NoticeBar 通告栏"></uni-notice-bar>

显示图标

<uni-notice-bar show-icon="true" text="[多行] 这是 NoticeBar 通告栏，这是 NoticeBar 通告栏，这是 NoticeBar 通告栏这是 NoticeBar 通告栏，这是 NoticeBar 通告栏，这是 NoticeBar 通告栏"></uni-notice-bar>

显示关闭按钮

<uni-notice-bar show-close="true" show-icon="true" text="这是 NoticeBar 通告栏，这是 NoticeBar 通告栏，这是 NoticeBar 通告栏"></uni-notice-bar>

查看更多

 <uni-notice-bar @getmore="getMore" :show-get-more="true" more-text="查看更多" single="true" text="[单行] 这是 NoticeBar 通告栏，这是 NoticeBar 通告栏，这是 NoticeBar 通告栏"></uni-notice-bar>

uniNoticeBar 属性说明：

属性名 类型 默认值 说明
text String - 显示文字
speed Number 100 文字滚动的速度，默认100px/秒
background-color String #fffbe8 背景颜色
color String #de8c17 文字颜色
single Boolean false 是否单行
scrollable Boolean false 是否滚动，为true时，NoticeBar为单行
show-icon Boolean false 是否显示左侧喇叭图标
show-close Boolean false 是否显示左侧关闭按钮
show-get-more Boolean false 是否显示右侧查看更多图标，为true时，NoticeBar为单行
more-text String - 设置“查看更多”的文本

uniNoticeBar 事件说明：

事件名称 说明
click 点击 NoticeBar 触发事件
close 关闭 NoticeBar 触发事件
getmore 点击”查看更多“时触发事件

插件预览地址

https://uniapp.dcloud.io/h5/pages/extUI/notice-bar/notice-bar

隐私、权限及商业化声明

1. 本插件需要申请的手机端权限列表：

无

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

无

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

无

评论列表 撰写评论
加载更多...
插件问答

使用中有什么不明白的地方，就向插件作者提问吧~ 我要提问