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
parent
commit
5031311cea
No known key found for this signature in database GPG Key ID: B5690EEEBB952194
  1. 1
      src/locales/bn-BD/pages.ts
  2. 1
      src/locales/en-US/pages.ts
  3. 1
      src/locales/fa-IR/pages.ts
  4. 1
      src/locales/id-ID/pages.ts
  5. 1
      src/locales/ja-JP/pages.ts
  6. 1
      src/locales/pt-BR/pages.ts
  7. 1
      src/locales/zh-CN/pages.ts
  8. 1
      src/locales/zh-TW/pages.ts
  9. 7
      src/pages/Welcome.css
  10. 21
      src/pages/Welcome.tsx

1
src/locales/bn-BD/pages.ts

@ -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
src/locales/en-US/pages.ts

@ -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',

1
src/locales/fa-IR/pages.ts

@ -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': 'بازگشت به صفحه اصلی',

1
src/locales/id-ID/pages.ts

@ -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. ',

1
src/locales/ja-JP/pages.ts

@ -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':

1
src/locales/pt-BR/pages.ts

@ -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. ',

1
src/locales/zh-CN/pages.ts

@ -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':

1
src/locales/zh-TW/pages.ts

@ -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': '返回首頁',

7
src/pages/Welcome.css

@ -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);

21
src/pages/Welcome.tsx

@ -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"

Loading…
Cancel
Save