hotel-waft-ui v0.0.8

hotel waft ui 酒店项目的 waft ui 组件

安装

npm install hotel-waft-ui

使用

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

XML方式引入

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

{
  "usingComponents": {
    "x-card": "hotel-waft-ui/assembly/card/index"
  }
}

然后wxml 中直接使用组件

  <x-card highlight="{{ true }}" width="168" height="110" defaultBg="{{ 'rgba(255,255,255,0.1)' }}" pausedBg="{{ 'rgba(255,255,255,0.2)' }}" onClick="handleClick">
    <div class="content">
      <div class="tips">电话</div>
    </div>
  </x-card>

  handleClick(e: Event): void {
    console.log('handle click')
  }