Jelajahi Sumber

[doc]更新CmdK组件的输入框样式,添加分隔线以改善视觉效果;更新Header组件,调整版本链接的布局;在Icon页面中引入新的Markdown插件以增强功能。

dufu1991 1 tahun lalu
induk
melakukan
dfddb218a0

+ 2 - 1
docs/site/src/lib/cmdk/CmdK.svelte

@@ -236,7 +236,7 @@
 					<input
 						bind:this={cmdKInput}
 						bind:value={cmdKValue}
-						class="focus:ring-b caret-primary dark:caret-dark focus:outline-hidden w-full placeholder:text-black/20 dark:bg-black dark:placeholder:text-white/30"
+						class="caret-primary dark:caret-dark focus:outline-hidden w-full placeholder:text-black/20 dark:bg-black dark:placeholder:text-white/30"
 						type="text"
 						placeholder={isZh ? '请输入组件关键字' : 'Please enter the component keyword'}
 					/>
@@ -343,6 +343,7 @@
 							</button>
 						</div>
 					</div>
+					<div class="h-px bg-black/5 dark:bg-white/10"></div>
 				{/each}
 			</div>
 			<div class="flex gap-4 border-t border-black/10 px-4 py-2 text-xs opacity-60 dark:border-white/10">

+ 4 - 1
docs/site/src/lib/header/Header.svelte

@@ -147,7 +147,10 @@
 							{isZh ? '更新日志' : 'Changelog'}
 						</a>
 						<div class="my-2 h-px bg-black/5 dark:bg-white/20"></div>
-						<a href="https://0.stdf.design" target="_blank" class="hover:underline">Version 0.x </a>
+						<div class="flex flex-col space-y-2">
+							<a href="https://1.0.stdf.design" target="_blank" class="hover:underline">Version 1.0.x </a>
+							<a href="https://0.stdf.design" target="_blank" class="hover:underline">Version 0.x </a>
+						</div>
 					</div>
 				{/if}
 			</div>

+ 2 - 2
docs/site/src/routes/guide/icon/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { mdTextToHljs } from '../../../utils/index';
+	import { mdTextToHljs, groupIconMdPlugin } from '../../../utils/index';
 	import { isWideScreenStore } from '../../../store';
 
 	// @ts-ignore
@@ -8,7 +8,7 @@
 	import text_en from '../../../../../mds/guide/icon_en.md';
 
 	const isZh = localStorage.getItem('lang') === 'zh_CN';
-	const hljsText = mdTextToHljs((isZh ? text : text_en).replace(/<a href="/g, '<a target="_blank" href="'));
+	const hljsText = groupIconMdPlugin(mdTextToHljs((isZh ? text : text_en).replace(/<a href="/g, '<a target="_blank" href="')));
 </script>
 
 <article