<view class="page">
    <view class="page__hd">
        <view class="page__title">Vcode</view>
        <view class="page__desc">验证码</view>
    </view>
    <view class="page__bd">
        <wux-cell-group title="Default">
            <wux-cell hover-class="none">
                <wux-input label="Vcode" placeholder="Please input vcode" />
                <view slot="footer" class="vcode">
                    <wux-vcode bind:change="onChange" />
                </view>
            </wux-cell>
            <wux-cell hover-class="none">
                <wux-input label="Vcode" placeholder="Please input vcode" />
                <view slot="footer" class="vcode">
                    <wux-vcode id="custom-canvas" str="1234567890" bgColor="#e6f6ff" fontColor="#165189" hasPoint hasLine bind:change="onChange" />
                </view>
            </wux-cell>
        </wux-cell-group>
        <view class="button-sp-area">
            <wux-button block type="light" bind:click="onClick">Refresh Vcode</wux-button>
        </view>
    </view>
</view>
