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 自定义类名