Merge pull request #99 from var-lu/master

Naccl · web-flow · commit 370c4ec1900e · 2023-02-03T23:40:36.000+08:00
perf: &#39318;&#39029;&#25925;&#38556;&#39118;&#20248;&#21270;
diff --git a/blog-view/babel.config.js b/blog-view/babel.config.js
@@ -1,5 +1,6 @@
 module.exports = {
-  presets: [
-    '@vue/cli-plugin-babel/preset'
-  ]
+  presets: [ [ '@vue/app', { useBuiltIns: 'entry' } ] ]
+  // presets: [
+  //   '@vue/cli-plugin-babel/preset'
+  // ]
 }
diff --git a/blog-view/src/components/index/Header.vue b/blog-view/src/components/index/Header.vue
@@ -7,6 +7,7 @@
 			<div class="bg3" :style="{backgroundImage:'url('+defaultSettings.bg3+')'}" v-show="loaded"></div>
 		</div>
 		<div class="text-malfunction" :data-word="defaultSettings.malfunctionText">
+			{{ defaultSettings.malfunctionText }}
 			<div class="line"></div>
 		</div>
 		<div class="wrapper">
@@ -128,19 +129,19 @@
 
 	.text-malfunction {
 		position: absolute;
+		padding: 0 4px;
 		top: 40%;
 		left: 51.5%;
 		transform: translate(-50%, -50%) scale(2.5);
-		width: 220px;
 		font-size: 34px;
 		font-family: sans-serif;
 		color: transparent;
 	}
 
 	.line {
 		position: absolute;
-		width: 200px;
-		left: -1px;
+		width: calc(100% - 8px);
+		left: -0.5px;
 		height: 1px;
 		background: black;
 		z-index: 50;
@@ -151,7 +152,7 @@
 		content: attr(data-word);
 		position: absolute;
 		top: 0;
-		height: 36px;
+		line-height: 36px;
 		overflow: hidden;
 		filter: contrast(200%);
 	}
