bug fix: 国之重器 详情标题会遮挡关闭按钮

package.json

@@ -1,6 +1,6 @@
 {
   "name": "my-app",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve --mode dev",

src/views/General.vue

@@ -77,7 +77,9 @@
         class="close"
         @click="isShowDesc = false"
       />
-      <h2>{{ activeCorpInfo.name }}</h2>
+      <h2 :title="activeCorpInfo.name">
+        {{ activeCorpInfo.name }}
+      </h2>
       <img
         class="splitter"
         src="@/assets/images/splitter.png"
@@ -530,6 +532,11 @@ export default {
       font-weight: bold;
       color: #FFFFFF;
       margin-bottom: 21px;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 10;
+      overflow: hidden;
+      margin-right: calc(50 / 1080 * 83vh);
     }
     >img.splitter {
       flex: 0 0 auto;
@@ -820,6 +827,11 @@ export default {
         font-weight: bold;
         color: #FFFFFF;
         margin-bottom: calc(21 / 1080 * 83vh);
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 10;
+        overflow: hidden;
+        margin-right: calc(50 / 1080 * 83vh);
       }
       >img.splitter {
         flex: 0 0 auto;