Notice 通告

使用指南

在 page.json 中引入组件

  1. "usingComponents": {
  2.   "w-notice": "wuss-weapp/w-notice/index",
  3. }

视频演示

代码演示

  1. <!--pages/w-notice/index.wxml-->
  2. <w-pane title="Notice" desc="通告" />
  4. <w-toast id="wuss-toast" wuss-class="test" />
  6. <w-pane desc="Default" />
  8. <w-notice text="{{ text }}" />
  10. <w-pane desc="mode = closeable speed = 30" />
  12. <w-notice
  13. mode="closeable"
  14. text="{{ text }}"
  15. bindclose="noticeClose"
  16. speed="30"
  17. />
  19. <w-pane desc="mode = link  scrollable= false"  />
  21. <w-notice
  22. scrollable="{{ false }}"
  23. mode="link"
  24. url="/pages/index/index"
  25. text="去首页看看有哪些组件"
  26. />
  28. <w-pane desc="set icon color backgroundColor" />
  30. <w-notice
  31.     icon="voice"
  32.     color="#fff"
  33.     backgroundColor="rgba(255, 113, 110, 1)"
  34.     text="{{ text }}"
  35. />

API

Attribute 属性

属性说明类型默认值
text文本内容string-
mode模式可选 link|closeablestring-
color文本颜色string-
backgroundColor背景颜色string-
urlmode 为 link 时跳转地址string-
openTypemode 为 link 时跳转类型string-
speed滚动速度 scrollable 为 true 时有效number-
scrollable是否可以滚动booleanfalse
icon左边的图标地址string-

Event 事件

事件名说明参数

Slot 插槽

名称说明

Class 自定义类名

类名说明
wuss-class根节点样式类