diff --git a/TUICallKit-Vue3/components/dev-training-entry/index.vue b/TUICallKit-Vue3/components/dev-training-entry/index.vue
index e24c2caf..dab2b80c 100644
--- a/TUICallKit-Vue3/components/dev-training-entry/index.vue
+++ b/TUICallKit-Vue3/components/dev-training-entry/index.vue
@@ -2,8 +2,9 @@
@@ -125,13 +128,26 @@ $brand-light: #34d399;
inset 0 6rpx 14rpx rgba(255, 255, 255, 0.12);
}
- .fab-text {
- font-size: 48rpx;
- font-weight: 800;
- color: #fff;
- line-height: 1;
- letter-spacing: 2rpx;
- text-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.18);
+ .fab-icon {
+ width: 60rpx;
+ height: 60rpx;
+ background-image: url("data:image/svg+xml;utf8,");
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: center;
+ filter: drop-shadow(0 2rpx 6rpx rgba(0, 0, 0, 0.22));
+ animation: fab-icon-beat 1.6s ease-in-out infinite;
+ }
+}
+@keyframes fab-icon-beat {
+ 0%, 60%, 100% {
+ transform: scale(1);
+ }
+ 20% {
+ transform: scale(1.12);
+ }
+ 40% {
+ transform: scale(1);
}
}