upup

public/configExcel.js

@@ -173,7 +173,7 @@ var configExcel = {
       "类型": "五律",
       "朝代": "宋",
       "作者": "苏轼",
-      "正文": "宁可食无肉 不可居无竹\n无肉令人瘦 无竹令人俗\n人瘦尚可肥 士俗不可医\n旁人笑此言 似高还似痴\n若对此君仍大嚼 世间那有扬州鹤",
+      "正文": "宁可食无肉   不可居无竹\n无肉令人瘦   无竹令人俗\n人瘦尚可肥   士俗不可医\n旁人笑此言   似高还似痴\n若对此君仍大嚼 世间那有扬州鹤",
       "顶部距离": '18vh'
     },
     {
@@ -205,7 +205,7 @@ var configExcel = {
       "类型": "七律",
       "朝代": "元",
       "作者": "马谦斋",
-      "正文": "贞姿不受雪霜侵 直节亭亭易见心\n渭川风雨清吟枕 花开时有凤寻\n文湖州是个知音\n春日临风醉 秋霄对月吟\n舞闲阶碎影筛金",
+      "正文": "贞姿不受雪霜侵 直节亭亭易见心\n渭川风雨清吟枕 花开时有凤寻\n文湖州是个知音\n春日临风醉   秋霄对月吟\n舞闲阶碎影筛金",
       "顶部距离": '18vh'
     },
     {

src/views/PoemList.vue

@@ -52,9 +52,10 @@
                 <span class="age">{{ item1["朝代"] }}</span>
               </div>
             </div>
-            <p :style="{marginTop: item1['顶部距离']? item1['顶部距离'] :''}">
-              {{ item1["正文"] }}
-            </p>
+            <p
+              :style="{marginTop: item1['顶部距离']? item1['顶部距离'] :''}"
+              v-html="item1[&quot;正文&quot;]"
+            />
           </div>
         </div>
       </div>
@@ -643,7 +644,10 @@ const isMoveFu = (index, num) => {
       }
 
       /deep/.title-wrap > h1 > img {
-        width: 100%;
+          width: calc(
+            30 / v-bind("windowSizeWhenDesignForRef") *
+              v-bind("windowSizeInCssForRef")
+          );
         margin-bottom: 3%;
         // position: relative;
       }