axios

src/Answer.vue

@@ -26,7 +26,19 @@
         </div>
       </div>
       <div class="Invitation">
-        <div class="screen"></div>
+        <div class="screen">
+          <p class="selection">所有人(72)</p>
+          <p>我关注的人(0)</p>
+        </div>
+        <div class="list">
+          <div class="strip">
+            <div>
+              <p>如何评价谷歌的优化GEMM论文The Indirect Convolution Algorithm？</p>
+              <p>3 个回答 · 255 人关注</p>
+            </div>
+            <p>忽略</p>
+          </div>
+        </div>
       </div>
     </div>
   </div>
@@ -92,19 +104,48 @@
         padding: 26px 0 40px 0;
         border-bottom: #ccc solid 1px;
         //   width: 100%;
-        > p {
-          font-size: 30px;
-          color: #465a33;
-          width: 604px;
+        display: flex;
+        > div {
+          width: 560px;
+          > p {
+            font-size: 30px;
+            color: #465a33;
+            width: 100%;
+          }
+          > p:last-child {
+            font-size: 26px;
+            color: #999;
+            margin-top: 18px;
+          }
         }
-        > p:last-child {
-          font-size: 26px;
-          color: #999;
-          margin-top: 18px;
+        >p{
+          margin-top: 24px;
+          width: 130px;
+          height: 60px;
+          border: #6B9147 solid 1px;
+          font-size: 28px;
+          text-align: center;
+          line-height: 60px;
+          color: #6B9147;
         }
       }
       .screen {
-          
+        border-bottom: #ccc solid 1px;
+        display: flex;
+        padding-bottom: 20px;
+        > p {
+          font-size: 28px;
+          color: #95998f;
+          padding-right: 29px;
+          margin-right: 29px;
+          border-right: #ccc solid 1px;
+        }
+        > p:last-child {
+          border: none;
+        }
+        .selection {
+          color: #333;
+        }
       }
     }
   }

src/index.vue

@@ -32,6 +32,9 @@ export default {
   components: {
     list,
     heads
+  },
+  mounted(){
+    this.axios.get("")
   }
 };
 </script>

src/main.js

@@ -4,7 +4,9 @@ import router from "./router"
 import { Popup } from 'vant';
 Vue.use(Popup);
 Vue.config.productionTip = false
-
+import axios from "axios"
+axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
+Vue.prototype.axios = axios
 new Vue({
   render: h => h(App),
   router