Closed ameegle closed 1 year ago
react-vant
react-vant-icons
"react-vant": "^3.1.4",
No response
开启禁止点击背景
Toast.loading({ message: '匹配中...', duration: 0, position: 'top', forbidClick: true });
源码实现
let lockCount = 0; export function lockClick(lock) { if (lock) { if (!lockCount) { document.body.classList.add('rv-toast--unclickable'); } lockCount += 1; } else if (lockCount) { lockCount -= 1; if (!lockCount) { document.body.classList.remove('rv-toast--unclickable'); } } }
.rv-toast.rv-toast--unclickable { overflow: hidden; cursor: not-allowed; } .rv-toast.rv-toast--unclickable * { pointer-events: none; }
方便pr吗 好兄弟
Which React Vant packages are impacted?
react-vant
(React Vant core)react-vant-icons
(React Vant Icon)What version of React Vant are you using?
"react-vant": "^3.1.4",
Reproduce live demo(codesandebox or stackblitz)?
No response
Descripition
开启禁止点击背景
源码实现