因此一月份 SweetAlert2 100% 正常。成功和錯誤圖標上沒有錯誤。但二月之后，圖標看起來很奇怪，動畫也很糟糕。我嘗試更新 CDN，因為 2 天前 SweetAlert2 更新了。但問題仍然沒有解決。也許你可以幫助我。這是代碼。我正在使用 flashdata 來顯示警報。<?php if ($this->session->flashdata('success-reg')): ?><script>Swal.fire({? ? icon: 'success',? ? title: 'Kamu berhasil daftar!',? ? text: 'Silahkan Cek Email Kamu, Buat Verifikasi!',? ? showConfirmButton: false,? ? timer: 2500})</script><?php endif;?>
3 回答
慕桂英4014372
TA貢獻1871條經驗 獲得超13個贊
這是因為您在html or body標簽中使用的字體/字體樣式，特別是如果您在全球范圍內申請<p> <a> <span>標簽，就會發生這種情況。
body嘗試在tag 的子元素或除body或之外的最高父元素中添加字體樣式html。
慕村9548890
TA貢獻1884條經驗 獲得超4個贊
升級到v9.xSweetAlert2。動畫對我來說看起來不錯。
Swal.fire({
? icon: 'success',
? title: 'Kamu berhasil daftar!',
? text: 'Silahkan Cek Email Kamu, Buat Verifikasi!',
? showConfirmButton: false,
? timer: 2500
})
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
忽然笑
TA貢獻1806條經驗 獲得超5個贊
<span>同樣的問題在這里：它發生是因為文檔其余部分的 font-size 屬性。在我的例子中，為了解決這個問題，我強制將字體大小更改為 16px 到“創建”成功和錯誤圖標的特定類元素。
對于成功圖標：
.swal2-success-line-tip, .swal2-success-line-long {
font-size: 16px !important;
}
對于錯誤圖標：
.swal2-x-mark-line-right, .swal2-x-mark-line-left {
font-size: 16px !important;
}
它可能不是最優雅的解決方案，但它確實有效。
- 3 回答
- 0 關注
- 223 瀏覽
添加回答
舉報
0/150
提交
取消