@wines/spin v1.5.1

@wines/spin

Spin 加载中

用于页面和区块的加载中状态。

使用指南

在 page.json 中引入组件

{
  "navigationBarTitleText": "Spin",
  "usingComponents": {
    "wux-button": "@wines/button",
    "wux-spin": "@wines/spin"
  }
}

示例

<view class="page">
	<view class="page__hd">
		<view class="page__title">Spin</view>
		<view class="page__desc">加载中</view>
	</view>
	<view class="page__bd page__bd_spacing">
		<view class="sub-title">Default</view>
		<wux-spin wux-class="spin" />
		<view class="sub-title">Size</view>
		<wux-spin wux-class="spin" size="small" />
		<wux-spin wux-class="spin" size="default" />
		<wux-spin wux-class="spin" size="large" />
		<view class="sub-title">Nested</view>
		<wux-spin nested spinning="{{ spinning }}" tip="Loading...">
			<view>微信小程序自定义组件 https://github.com/wux-weapp/wux-weapp</view>
			<view>微信小程序自定义组件 https://github.com/wux-weapp/wux-weapp</view>
			<view>微信小程序自定义组件 https://github.com/wux-weapp/wux-weapp</view>
		</wux-spin>
		<wux-button block type="light" bind:click="onClick">Switch State</wux-button>
	</view>
</view>

import './index.less';
Page({
  onClick() {
    this.setData({
      spinning: !this.data.spinning,
    });
  },

API

Spin props

Spin slot

Spin externalClasses