<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">Color</view>
        <wux-spin wux-class="spin" spinColor="#33cd5f" />
        <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>