Notice 通告
使用指南
在 page.json 中引入组件
"usingComponents": {
"w-notice": "wuss-weapp/w-notice/index",
}
视频演示
代码演示
<!--pages/w-notice/index.wxml-->
<w-pane title="Notice" desc="通告" />
<w-toast id="wuss-toast" wuss-class="test" />
<w-pane desc="Default" />
<w-notice text="{{ text }}" />
<w-pane desc="mode = closeable speed = 30" />
<w-notice
mode="closeable"
text="{{ text }}"
bindclose="noticeClose"
speed="30"
/>
<w-pane desc="mode = link scrollable= false" />
<w-notice
scrollable="{{ false }}"
mode="link"
url="/pages/index/index"
text="去首页看看有哪些组件"
/>
<w-pane desc="set icon color backgroundColor" />
<w-notice
icon="voice"
color="#fff"
backgroundColor="rgba(255, 113, 110, 1)"
text="{{ text }}"
/>
API
Attribute 属性
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| text | 文本内容 | string | - |
| mode | 模式可选 link|closeable | string | - |
| color | 文本颜色 | string | - |
| backgroundColor | 背景颜色 | string | - |
| url | mode 为 link 时跳转地址 | string | - |
| openType | mode 为 link 时跳转类型 | string | - |
| speed | 滚动速度 scrollable 为 true 时有效 | number | - |
| scrollable | 是否可以滚动 | boolean | false |
| icon | 左边的图标地址 | string | - |
Event 事件
| 事件名 | 说明 | 参数 |
|---|
Slot 插槽
| 名称 | 说明 |
|---|
Class 自定义类名
| 类名 | 说明 |
|---|---|
| wuss-class | 根节点样式类 |