From 1b309dd0b6ec3675a1c57b21ae21116e831d9d00 Mon Sep 17 00:00:00 2001
From: asd <a374367073@126.com>
Date: Mon, 25 Nov 2019 17:07:00 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=87=E7=AB=A0=E8=AF=A6=E6=83=851?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/IndexArticleDetail.vue | 56 +++++++++++++++++++-------------------
 1 file changed, 28 insertions(+), 28 deletions(-)

diff --git a/src/IndexArticleDetail.vue b/src/IndexArticleDetail.vue
index 29a2237..0c7d1ee 100644
--- a/src/IndexArticleDetail.vue
+++ b/src/IndexArticleDetail.vue
@@ -67,66 +67,66 @@ export default {};
 
 <style lang="scss">
 .line {
-  height: 20px;
+  height: 0.2rem;
   width: 100%;
   background-color: #f6f6f6;
 }
 .question {
-  height: 100px;
+  height: 1rem;
   width: 100%;
   color: #333333;
-  font-size: 36px;
-  text-indent: 30px;
-  line-height: 100px;
+  font-size: 0.36rem;
+  text-indent: 0.3rem;
+  line-height: 1rem;
   font-weight: 500;
 }
 .title {
   color: #333333;
-  font-size: 34px;
-  margin-top: 48px;
-  text-indent: 31px;
+  font-size: 0.34rem;
+  margin-top: 0.48rem;
+  text-indent: 0.31rem;
 }
 .recommend {
-  width: 6.90px;
-  margin-top: 13px;
+  width: 6.9rem;
+  margin-top: 0.13rem;
   margin: 0 auto;
-  border-bottom: 1px solid #95998f;
+  border-bottom: 0.01rem solid #95998f;
   display: flex;
   justify-content: space-between;
   .articlename {
     color: #333333;
-    font-size: 30px;
-    line-height: 40px;
-    width: 465px;
-    margin-top: 40px;
+    font-size: 0.3rem;
+    line-height: 0.4rem;
+    width: 4.65rem;
+    margin-top: 0.4rem;
   }
   .articlecontent {
     color: #333333;
-    font-size: 26px;
-    margin-top: 15px;
-    margin-bottom: 14px;
-    width: 674px;
+    font-size: 0.26rem;
+    margin-top: 0.15rem;
+    margin-bottom: 0.14rem;
+    width: 6.74rem;
   }
   .author {
     color: #999999;
-    font-size: 22px;
+    font-size: 0.22rem;
     margin: 0 auto;
-    margin-top: 14px;
-    margin-bottom: 35px;
+    margin-top: 0.14rem;
+    margin-bottom: 0.35rem;
   }
   .pic{
-      width: 182px;
-      height: 120px;
+      width: 1.82rem;
+      height: 1.2rem;
       margin: auto 0;
   }
   .pics{
       display: flex;
       justify-content: center;
-      margin-bottom: 31px;
+      margin-bottom: 0.31rem;
       >img{
-          width: 223px;
-          height: 147px;
-          margin-right: 10px;
+          width: 2.23rem;
+          height: 1.47rem;
+          margin-right: 0.1rem
       }
   }
 }