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 @@ + @@ -35,7 +37,8 @@ - + + @@ -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); } }