更新记录

1.0.1（2024-08-29） 下载此版本

修复微信小程序端触摸点位异常问题

1.0.0（2024-03-12） 下载此版本

init

平台兼容性

c-scratch-card

• c-scratch-card 刮刮卡

c-design交流群号：330647926

示例预览

https://static-mp-eeab6da6-80cd-4e80-844a-66b2a7203834.next.bspapp.com/cdesign/index.html#/pagesMarketing/scratchCard/scratchCard

一、使用示例

<template>
    <view>
        <c-scratch-card ref="cScratchCardRef" @open="onOpen" @ready="onReady">
            <view  style="display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;">
                恭喜中奖 iPhone 15Pro MAx
            </view>
        </c-scratch-card>
        <view class="content">
            <view class="btnBox">
                <button @click="$refs.cScratchCardRef.init()" size="mini">重置</button>
            </view>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                show:false
            };
        },
        methods:{
            onOpen(){
                console.log('图层已经刮开一半');
            },
            onReady(){
                console.log('ready');
            }
        }
    }
</script>

<style lang="scss">
.content{
        padding: 20rpx 14rpx;
        font-size: 28rpx;
    }
    .btnBox{
        width: 100%;
        display: flex;align-items: center;
        margin-top: 20rpx;
        margin-bottom: 30rpx;
    }
</style>

二、Props

三、Event

四、Methods

四、Slot