详细效果图及使用说明请查看组件库文档

安装

npm install waft-ui

使用

使用时，可参考waft开发者文档

XML方式引入

以按钮组件为例，只需要在 json 文件中引入按钮对应的自定义组件即可

{
  "usingComponents": {
    "x-button": "waft-ui/assembly/button/button"
  }
}

然后wxml 中直接使用组件

<x-button text="按钮" onTap="clickButton"></x-button>

API方式调用

以toast组件为例

import { Toast, ToastOptions } from "waft-ui";

let toastOptions = new ToastOptions();
toastOptions.message = "提示文字";
toastOptions.type = "info";
toastOptions.duration = 5000;
toastOptions.position = "middle";
Toast.show(toastOptions);

同时xml文件中需要加入标签占位

<x-toast></x-toast>

基础版本

waft容器最低版本 1.2.210.15168598 框架最低版本 0.6.7

组件列表

• Button
• Loading
• Dialog
• Toast
• Navbar
• Header
• Footer
• Swiper
• Card
• Cell
• CellGroup
• List
• Switch
• Picker
• Slider
• Video
• Image