[Bug Report] showLoadingToast部分IOS高版本(eg: 26.5)出现首次loading,动画效果没有加载
Author: xiaoyangiiCreated Jun 24, 2026Updated Jun 24, 2026
Labelsbug: need confirm
重现链接
https://vant4.ylhtest.com/#/zh-CN/toast
Vant 版本
4.6.2
描述一下你遇到的问题。
- app技术栈:vant+capacitor+vue3
showLoadingToast部分IOS高版本(eg: 26.5)出现首次loading,动画效果没有加载
bug效果类似于: .van-loading__circular circle { /* animation: van-circular 1.5s ease-in-out infinite; */ stroke: currentColor; stroke-width: 3; stroke-linecap: round; } 去掉animation
重现步骤
以下是我的代码
import { closeToast, showLoadingToast, showToast } from 'vant'
const onSubmit = async () => {
loginWayType = LoginByType.BY_CODE
if (!checkPolicy()) {
return
}
if (!(await checkNetwork(true))) {
return
}
showLoadingToast({
duration: 0,
className: 'loading-toast',
forbidClick: true
})
const { bizCode, data } = await apollo.ych.verifyPrincipleExists({
data: JSON.stringify({
accountType: 1,
principle: loginInputStore.value.principle, // 手机号,根据实际修改
mobileCode: loginInputStore.value.mobileCode // 区号,根据实际修改
})
})
closeToast()
if (bizCode === -1) {
serverErrorToast()
return
}
const { ret, data: params, error, bizCode: resultBizCode } = jsonParseRes(data)
const { exists } = params || {}
if (ret > -1 && exists !== undefined) {
console.log('account exist: ' + data)
loginStore.updateEnterCodeStore({
email: '',
principle: loginInputStore.value.principle,
accountType: 1,
mobileCode: loginInputStore.value.mobileCode,
password: ''
})
existsValue.value = exists
loginStore.updateInVerify(true)
return
}
toastBizCodeErrorMsg(resultBizCode, error)
}设备/浏览器
iphone13 IOS 26.5
Source: youzan/vant