update
This commit is contained in:
		
							
								
								
									
										46
									
								
								src/components/html.astro
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										46
									
								
								src/components/html.astro
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,46 @@
 | 
			
		||||
---
 | 
			
		||||
import '../styles/global.css';
 | 
			
		||||
export interface Props {
 | 
			
		||||
  title?: string;
 | 
			
		||||
  description?: string;
 | 
			
		||||
  lang?: string;
 | 
			
		||||
  charset?: string;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
const { title = 'Light Code', description = 'A lightweight code editor', lang = 'zh-CN', charset = 'UTF-8' } = Astro.props;
 | 
			
		||||
---
 | 
			
		||||
 | 
			
		||||
<!doctype html>
 | 
			
		||||
<html lang={lang}>
 | 
			
		||||
  <head>
 | 
			
		||||
    <meta charset={charset} />
 | 
			
		||||
    <meta name='viewport' content='width=device-width, initial-scale=1.0' />
 | 
			
		||||
    <meta name='description' content={description} />
 | 
			
		||||
    <title>{title}</title>
 | 
			
		||||
    <!-- 样式 -->
 | 
			
		||||
    <slot name='head' />
 | 
			
		||||
  </head>
 | 
			
		||||
  <body>
 | 
			
		||||
    <slot />
 | 
			
		||||
 | 
			
		||||
    <!-- 脚本 -->
 | 
			
		||||
    <slot name='scripts' />
 | 
			
		||||
  </body>
 | 
			
		||||
</html>
 | 
			
		||||
 | 
			
		||||
<style>
 | 
			
		||||
  html {
 | 
			
		||||
    font-family: system-ui, sans-serif;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  html,
 | 
			
		||||
  body {
 | 
			
		||||
    margin: 0;
 | 
			
		||||
    padding: 0;
 | 
			
		||||
    min-height: 100vh;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  * {
 | 
			
		||||
    box-sizing: border-box;
 | 
			
		||||
  }
 | 
			
		||||
</style>
 | 
			
		||||
		Reference in New Issue
	
	Block a user