!1763 doc(#I47945): add english translation of skeleton page

* fix: 修复skeleton资源文件
* Merge branch 'dev' of https://gitee.com/LongbowEnterprise/BootstrapBla…
* doc:添加Skeleton页面资源文件

src/BootstrapBlazor.Shared/Locales/en.json

@@ -296,6 +296,25 @@
     "Desc3": "Set the number of columns of child Row across parent Row",
     "Desc4": "Set the maximum number of controls displayed in a row"
   },
+  "BootstrapBlazor.Shared.Pages.Skeletons": {
+    "Title": "Skeleton",
+    "H1": "Provide a placeholder graphic combination where you need to wait for content to load",
+    "b1": "When to use",
+    "Li1": "When the network is slow and it takes a long time to wait for the loading process",
+    "Li2": "Lists/cards with more graphic information content",
+    "Li3": "Only used when loading data for the first time",
+    "Li4": "Can be completely replaced by Spin, but can provide better visual effects and user experience than Spin in available scenarios",
+    "Block1Title": "Picture frame screen",
+    "Block1Intro": "Suitable for display when loading avatars, pictures, etc.",
+    "P1": "It can be set to a circle display by setting the <code>Circle</code> property",
+    "Block2Title": "Paragraph skeleton screen",
+    "Block2Intro": "Applicable to display when loading large paragraphs of text and other types",
+    "P2": "The default paragraph skeleton screen only displays three lines. If you need multiple lines to occupy space, please place multiple <code>SkeletonParagraph</code>.",
+    "Block3Title": "Form skeleton screen",
+    "Block3Intro": "Suitable for display when the edit form is loaded",
+    "Block4Title": "Table skeleton screen",
+    "Block4Intro": "Applicable to display when the edit table is loaded"
+  },
   "BootstrapBlazor.Shared.Pages.Components.Block": {
     "Title": "",
     "SubTitle": "Demo"

src/BootstrapBlazor.Shared/Locales/zh.json

@@ -300,6 +300,25 @@
     "Desc3": "设置子Row跨父Row列数",
     "Desc4": "设置行内最多显示的控件数"
   },
+  "BootstrapBlazor.Shared.Pages.Skeletons": {
+    "Title": "Skeleton 骨架屏",
+    "H1": "在需要等待加载内容的位置提供一个占位图形组合",
+    "b1": "何时使用",
+    "Li1": "网络较慢，需要长时间等待加载处理的情况下",
+    "Li2": "图文信息内容较多的列表/卡片中",
+    "Li3": "只在第一次加载数据的时候使用",
+    "Li4": "可以被 Spin 完全代替，但是在可用的场景下可以比 Spin 提供更好的视觉效果和用户体验",
+    "Block1Title": "图片骨架屏",
+    "Block1Intro": "适用于头像、图片等类型加载时显示",
+    "P1": "通过设置 <code>Circle</code> 属性可以设置为圆形显示",
+    "Block2Title": "段落骨架屏",
+    "Block2Intro": "适用于大段文字等类型加载时显示",
+    "P2": "默认段落骨架屏仅显示三行，如果需要多行占位，请放置多个 <code>SkeletonParagraph</code> 即可",
+    "Block3Title": "表单骨架屏",
+    "Block3Intro": "适用于编辑表单加载时显示",
+    "Block4Title": "表格骨架屏",
+    "Block4Intro": "适用于编辑表格加载时显示"
+  },
   "BootstrapBlazor.Shared.Pages.Components.Tips": {
     "Title": "小提示"
   },

src/BootstrapBlazor.Shared/Pages/Samples/Skeletons.razor

@@ -1,20 +1,21 @@
 @page "/skeletons"
+@inject IStringLocalizer<Skeletons> Localizer
 
-<h3>Skeleton 骨架屏</h3>
+<h3>@Localizer["Title"]</h3>
 
-<h4>在需要等待加载内容的位置提供一个占位图形组合</h4>
+<h4>@Localizer["H1"]</h4>
 
-<p><b>何时使用</b></p>
+<p><b>@Localizer["b1"]</b></p>
 
 <ul class="ul-demo">
-    <li>网络较慢，需要长时间等待加载处理的情况下</li>
-    <li>图文信息内容较多的列表/卡片中</li>
-    <li>只在第一次加载数据的时候使用</li>
-    <li>可以被 Spin 完全代替，但是在可用的场景下可以比 Spin 提供更好的视觉效果和用户体验</li>
+    <li>@Localizer["Li1"]</li>
+    <li>@Localizer["Li2"]</li>
+    <li>@Localizer["Li3"]</li>
+    <li>@Localizer["Li4"]</li>
 </ul>
 
-<Block Title="图片骨架屏" Introduction="适用于头像、图片等类型加载时显示">
-    <p>通过设置 <code>Circle</code> 属性可以设置为圆形显示</p>
+<Block Title="@Localizer["Block1Title"]" Introduction="@Localizer["Block1Intro"]">
+    <p>@((MarkupString)Localizer["P1"].Value)</p>
     <div class="row g-3 skeleton-demo">
         <div class="col-4">
             <SkeletonAvatar Round="false" />
@@ -28,15 +29,15 @@
     </div>
 </Block>
 
-<Block Title="段落骨架屏" Introduction="适用于大段文字等类型加载时显示">
-    <p>默认段落骨架屏仅显示三行，如果需要多行占位，请放置多个 <code>SkeletonParagraph</code> 即可</p>
+<Block Title="@Localizer["Block2Title"]" Introduction="@Localizer["Block2Intro"]">
+    <p>@((MarkupString)Localizer["P2"].Value)</p>
     <SkeletonParagraph />
 </Block>
 
-<Block Title="表单骨架屏" Introduction="适用于编辑表单加载时显示">
+<Block Title="@Localizer["Block3Title"]" Introduction="@Localizer["Block3Intro"]">
     <SkeletonEditor />
 </Block>
 
-<Block Title="表格骨架屏" Introduction="适用于编辑表格加载时显示">
+<Block Title="@Localizer["Block4Title"]" Introduction="@Localizer["Block4Intro"]">
     <SkeletonTable />
 </Block>