perf[Profile]: adapt the profile page to the mobile (PanJiaChen#2020)

Author: PanJiaChen

src/views/profile/components/UserCard.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-card>
+  <el-card style="margin-bottom:20px;">
     <div slot="header" class="clearfix">
       <span>About me</span>
     </div>

src/views/profile/index.vue

@@ -3,11 +3,11 @@
     <div v-if="user">
       <el-row :gutter="20">
 
-        <el-col :span="6">
+        <el-col :span="6" :xs="24">
           <user-card :user="user" />
         </el-col>
 
-        <el-col :span="18">
+        <el-col :span="18" :xs="24">
           <el-card>
             <el-tabs v-model="activeTab">
               <el-tab-pane label="Activity" name="activity">