Function Tip

tech-study.js:4538–4567

({ text, count, show, delayShow, countShow, callback, })

    return;
}
function Tip({ text, count, show, delayShow, countShow, callback, }) {
    return createElementNode('div', undefined, {
        class: watchRef([show, delayShow], () => `egg_tip${show.value ? (delayShow.value ? ' active delay' : ' active') : ''}`),
    }, [
        createElementNode('span', undefined, {
            class: 'egg_text',
        }, createTextNode(text)),
        watchEffectRef(() => countShow.value
            ? createElementNode('span', undefined, {
                class: 'egg_countdown',
            }, createTextNode(watchEffectRef(() => `${count.value}s`)))
            : undefined),
    ], {
        onMounted() {
            // 倒计时
            const countDown = async () => {
                // 倒计时回调
                await callback(count.value);
                // 倒计时结束
                if (!count.value) {
                    show.value = false;
                    return;
                }
                count.value--;
                setTimeout(countDown, 1000);
            };
            countDown();
        },
    });
}
/**
 * @description 分隔符
 * @returns