solgon 字体调整 （已修改，但还没有解决换行问题）

src/components/slogan.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="slogan-div"><p class="slogan">{{ slogan }}</p></div>
+    <div class="slogan-div"><p class="slogan" style="white-space: pre-wrap;">{{ slogan }}</p></div>
   </div>
 </template>
 
@@ -33,15 +33,18 @@ export default {
 
 <style scoped>
 .slogan-div {
+    position:absolute; /*父元素设置成relative*/
+    top: 0.1%;
+    left: 0.1%;
     height: 224px;
     width: 145px;
     writing-mode: vertical-lr; /*设置文字纵向*/
     box-sizing: border-box; /*固定div大小*/
-    line-height: 45px;
-    font-size: 24px;
+    line-height: 35px;
+    font-size: 19px;
     font-family: "Source Han Sans CN";
+    white-space: pre-wrap;
     /*float: left;*/
-    position:absolute; /*父元素设置成relative*/
 }
 
 .slogan {