Browse Source
feat: add gradient celebration title to Welcome page (#11731 )
* feat: add gradient celebration title to Welcome page
Set PageContainer title to "欢迎使用 Ant Design Pro V6 🎉 " with
blue-to-purple gradient text. Added i18n key for all 8 locales.
The sidebar menu label remains "欢迎" unchanged.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
* fix: apply gradient only to V6 text, not entire title
Use react-intl rich text interpolation to wrap only "V6" with
the gradient class. Updated all 8 locale strings to use {v6}
placeholder. Emoji moved outside i18n string.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---------
Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>
pull/11736/head
Alex Zhu
5 months ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
10 changed files with
35 additions and
1 deletions
src/locales/bn-BD/pages.ts
src/locales/en-US/pages.ts
src/locales/fa-IR/pages.ts
src/locales/id-ID/pages.ts
src/locales/ja-JP/pages.ts
src/locales/pt-BR/pages.ts
src/locales/zh-CN/pages.ts
src/locales/zh-TW/pages.ts
src/pages/Welcome.css
src/pages/Welcome.tsx
@ -25,6 +25,7 @@ export default {
'pages.login.loginWith' : 'লগইন করতে পারেন:' ,
'pages.login.registerAccount' : 'অ্যাকাউন্ট নিবন্ধন করুন' ,
'pages.welcome.link' : 'স্বাগতম' ,
'pages.welcome.celebrationTitle' : 'Ant Design Pro {v6} এ স্বাগতম' ,
'pages.welcome.alertMessage' : 'দ্রুত এবং শক্তিশালী ভারী শুল্ক উপাদান প্রকাশ করা হয়েছে।' ,
'pages.404.subTitle' : 'দুঃখিত, আপনি যে পৃষ্ঠাটি দেখতে চান তা বিদ্যমান নেই।' ,
'pages.404.buttonText' : 'প্রধান পাতায় ফিরে যান' ,
@ -25,6 +25,7 @@ export default {
'pages.login.loginWith' : 'Login with :' ,
'pages.login.registerAccount' : 'Register Account' ,
'pages.welcome.link' : 'Welcome' ,
'pages.welcome.celebrationTitle' : 'Welcome to Ant Design Pro {v6}' ,
'pages.welcome.alertMessage' :
'Faster and stronger heavy-duty components have been released.' ,
'pages.welcome.infoCard.umi.title' : 'Learn umi' ,
@ -26,6 +26,7 @@ export default {
'pages.login.loginWith' : 'وارد شوید با :' ,
'pages.login.registerAccount' : 'ثبت نام' ,
'pages.welcome.link' : 'خوش آمدید' ,
'pages.welcome.celebrationTitle' : 'به Ant Design Pro {v6} خوش آمدید' ,
'pages.welcome.alertMessage' : 'اجزای سنگین تر سریعتر و قوی تر آزاد شده اند.' ,
'pages.404.subTitle' : 'ببخشيد، صفحه اي که ديديد وجود نداره' ,
'pages.404.buttonText' : 'بازگشت به صفحه اصلی' ,
@ -25,6 +25,7 @@ export default {
'pages.login.loginWith' : 'Masuk dengan :' ,
'pages.login.registerAccount' : 'Daftar Akun' ,
'pages.welcome.link' : 'Selamat datang' ,
'pages.welcome.celebrationTitle' : 'Selamat datang di Ant Design Pro {v6}' ,
'pages.welcome.alertMessage' :
'Komponen heavy-duty yang lebih cepat dan lebih kuat telah dirilis.' ,
'pages.404.subTitle' : 'Maaf, halaman yang Anda kunjungi tidak ada. ' ,
@ -25,6 +25,7 @@ export default {
'pages.login.loginWith' : 'その他のログイン方法:' ,
'pages.login.registerAccount' : 'アカウント登録' ,
'pages.welcome.link' : 'ようこそ' ,
'pages.welcome.celebrationTitle' : 'Ant Design Pro {v6} へようこそ' ,
'pages.welcome.alertMessage' :
'より高速で強力な頑丈なコンポーネントがリリースされました。' ,
'pages.404.subTitle' :
@ -26,6 +26,7 @@ export default {
'pages.login.loginWith' : 'Login com :' ,
'pages.login.registerAccount' : 'Registra Conta' ,
'pages.welcome.link' : 'Bem-vindo' ,
'pages.welcome.celebrationTitle' : 'Bem-vindo ao Ant Design Pro {v6}' ,
'pages.welcome.alertMessage' :
'Componentes pesados mais rápidos e mais fortes foram lançados.' ,
'pages.404.subTitle' : 'Desculpe, a página que você visitou não existe. ' ,
@ -25,6 +25,7 @@ export default {
'pages.login.loginWith' : '其他登录方式 :' ,
'pages.login.registerAccount' : '注册账户' ,
'pages.welcome.link' : '欢迎使用' ,
'pages.welcome.celebrationTitle' : '欢迎使用 Ant Design Pro {v6}' ,
'pages.welcome.alertMessage' : '更快更强的重型组件,已经发布。' ,
'pages.welcome.infoCard.umi.title' : '了解 umi' ,
'pages.welcome.infoCard.umi.desc' :
@ -25,6 +25,7 @@ export default {
'pages.login.loginWith' : '其他登錄方式 :' ,
'pages.login.registerAccount' : '註冊賬戶' ,
'pages.welcome.link' : '歡迎使用' ,
'pages.welcome.celebrationTitle' : '歡迎使用 Ant Design Pro {v6}' ,
'pages.welcome.alertMessage' : '更快更強的重型組件,已經發布。' ,
'pages.404.subTitle' : '抱歉,您訪問的頁面不存在。' ,
'pages.404.buttonText' : '返回首頁' ,
@ -1,3 +1,10 @@
. welcome-gradient-title {
background : linear-gradient ( 135deg , # 1677ff 0 % , # 722ed1 100 % ) ;
-webkit-background-clip : text ;
-webkit-text-fill-color : transparent ;
background-clip : text ;
}
. welcome-markdown . x-markdown {
--md-heading-weight : 600 ;
--md-code-bg : rgba ( 0 , 0 , 0 , 0 . 04 ) ;
@ -152,7 +152,26 @@ const Welcome: React.FC = () => {
const isDark = initialState ? . settings ? . navTheme === 'realDark' ;
return (
< PageContainer >
< PageContainer
title = {
< >
{ intl . formatMessage (
{
id : 'pages.welcome.celebrationTitle' ,
defaultMessage : '欢迎使用 Ant Design Pro {v6}' ,
} ,
{
v6 : (
< span key = "v6" className = "welcome-gradient-title" >
V6
< / span >
) ,
} ,
) }
🎉
< / >
}
>
< div
data - theme = { isDark ? 'dark' : 'light' }
className = "flex flex-col gap-6 md:flex-row"