完成适配移动端

pages/user/auth.vue

@@ -1,15 +1,15 @@
 <template>
-  <div class="xl:w-screen-xl m-auto py-4 my-20">
+  <div class="xl:w-screen-xl m-auto py-4 mt-12 px-4 sm:px-0 sm:mt-20">
     <el-page-header :icon="ArrowLeft" @back="goBack">
       <template #content>
         <span class="text-large font-600"> 实名认证 </span>
       </template>
       <el-card shadow="hover" class="my-10 px-2">
         <el-row :gutter="30" justify="space-between">
-          <el-col :span="16">
+          <el-col :sm="16" :xs="24">
             <Auth @done="reload"/>
           </el-col>
-          <el-col :span="5">
+          <el-col :md="5" :xs="24">
             <div class="w-full mt-2 text-center" v-if="isCheck">
               <el-alert type="warning" :closable="false" :title="`扫二维码完成实名认证`" />
               <el-image :src="config.wxQrcode" shape="square" class="mt-2" />