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 | 根节点样式类 |