mms-notice-bar 公告栏

简述

滚动公告栏，用于展示通知公告。

注意

注意： 请以 uni_modules/mms-unix 与本文为准；各端差异以 uni-app 与各平台官方文档为准。涉及隐私能力（相册、定位、剪贴板、手机号等）需在 manifest 与后台完成配置。

平台差异说明

App（vue）	App（nvue）	H5	小程序
√	√	√	√

基本使用

<template>
	<mms-notice-bar
		text="这里是公告内容"
		showIcon
		@click="handleClick"
	/>
</template>

Props

参数	说明	类型	默认值
text	公告文字	string	''
showIcon	是否显示左侧喇叭图标	boolean	true
showRight	是否显示右侧箭头	boolean	false
scrollable	是否可以滚动	boolean	true
wrapable	是否换行	boolean	false
bgColor	背景颜色	string	#fdf6ec
textColor	文字颜色	string	#f56c6c

Events

事件名	说明
click	点击公告栏触发

插槽

名称	说明
icon	左侧图标插槽
right	右侧内容插槽

示例

基础用法

<mms-notice-bar
	text="这里是滚动公告内容"
></mms-notice-bar>

不滚动，换行

<mms-notice-bar
	text="这里是很长的公告内容，需要换行显示"
	:scrollable="false"
	wrapable
></mms-notice-bar>

显示右侧箭头

<mms-notice-bar
	text="点击查看更多"
	showRight
	@click="handleClick"
></mms-notice-bar>