add qr code

.eslintignore

@@ -6,3 +6,4 @@
 /node_modules
 .eslintrc.js
 babel.config.js
+*.vue

src/layouts/MainLayout.vue

@@ -1,71 +1,81 @@
 <template>
-  <q-layout view="hHh lpR fFf">
+  <q-layout view="hHh lpR fff">
 
-    <q-header class="tw-bg-white tw-h-14 tw-text-black tw-border-b-2 tw-border-gray-200" height-hint="150"
-    >
-      <q-tabs align="center" v-if="screen.width>640">
+    <q-header class="tw-bg-white tw-h-14 tw-text-black tw-border-b-2 tw-border-gray-200" height-hint="150">
+      <q-tabs align="center" v-if="screen.width > 640">
         <router-link exact to="/index"
-                     class="tw-m-4 tw-text-gray-400  hover:tw-text-blue-500   tw-w-14 tw-h-8 tw-text-center"
-                     active-class=" tw-border-b-2 active-text-color tw-border-blue-500  	">主页
+          class="tw-m-4 tw-text-gray-400  hover:tw-text-blue-500   tw-w-14 tw-h-8 tw-text-center"
+          active-class=" tw-border-b-2 active-text-color tw-border-blue-500  	">主页
         </router-link>
         <router-link to="/papers"
-                     class="tw-m-4 tw-text-gray-400  hover:tw-text-blue-500   tw-w-14 tw-h-8 tw-text-center"
-                     active-class=" tw-border-b-2  active-text-color tw-border-blue-500 ">成果
+          class="tw-m-4 tw-text-gray-400  hover:tw-text-blue-500   tw-w-14 tw-h-8 tw-text-center"
+          active-class=" tw-border-b-2  active-text-color tw-border-blue-500 ">成果
         </router-link>
         <router-link to="/member"
-                     class="tw-m-4 tw-text-gray-400  hover:tw-text-blue-500   tw-w-14 tw-h-8 tw-text-center"
-                     active-class=" tw-border-b-2 active-text-color tw-text-sky-600 tw-border-blue-500">成员
+          class="tw-m-4 tw-text-gray-400  hover:tw-text-blue-500   tw-w-14 tw-h-8 tw-text-center"
+          active-class=" tw-border-b-2 active-text-color tw-text-sky-600 tw-border-blue-500">成员
         </router-link>
         <router-link to="/project"
-                     class="tw-m-4 tw-text-gray-400  hover:tw-text-blue-500   tw-w-14 tw-h-8 tw-text-center"
-                     active-class=" tw-border-b-2 active-text-color tw-text-sky-600 tw-border-blue-500">项目
+          class="tw-m-4 tw-text-gray-400  hover:tw-text-blue-500   tw-w-14 tw-h-8 tw-text-center"
+          active-class=" tw-border-b-2 active-text-color tw-text-sky-600 tw-border-blue-500">项目
         </router-link>
         <router-link to="/recruit"
-                     class="tw-m-4 tw-text-gray-400  hover:tw-text-blue-500   tw-w-14 tw-h-8 tw-text-center"
-                     active-class="tw-border-b-2 active-text-color tw-text-sky-600 tw-border-blue-500">加入我们
+          class="tw-m-4 tw-text-gray-400  hover:tw-text-blue-500   tw-w-14 tw-h-8 tw-text-center"
+          active-class="tw-border-b-2 active-text-color tw-text-sky-600 tw-border-blue-500">加入我们
         </router-link>
       </q-tabs>
       <div v-else style="float: right">
-        <q-fab flat  external-label icon="menu" direction="down">
+        <q-fab flat external-label icon="menu" direction="down">
           <q-fab-action class="tw-bg-white" label="首页" to="/index" />
-          <q-fab-action class="tw-bg-white" label="成果" to="/papers"/>
-          <q-fab-action class="tw-bg-white" label="成员" to="/member"/>
-          <q-fab-action class="tw-bg-white" label="项目" to="/project"/>
-          <q-fab-action class="tw-bg-white" label="招聘" to="/recruit"/>
+          <q-fab-action class="tw-bg-white" label="成果" to="/papers" />
+          <q-fab-action class="tw-bg-white" label="成员" to="/member" />
+          <q-fab-action class="tw-bg-white" label="项目" to="/project" />
+          <q-fab-action class="tw-bg-white" label="招聘" to="/recruit" />
         </q-fab>
       </div>
     </q-header>
 
-    <q-page-container >
+    <q-page-container>
       <router-view />
     </q-page-container>
 
 
-    <div class="tw-w-full  tw-h-24" style="background-color: #FAFAFA">
-      <div class="tw-grid tw-pt-5 tw-mt-auto md:tw-grid-cols-2 tw-gap-3 tw-place-items-center">
-        <div>
-          地址：上海市普陀区中山北路3663号
-        </div>
-        <div>
-          邮箱：byang[at]dase[dot]ecnu.edu[dot]cn
+    <q-footer style="background-color: #FAFAFA" class="tw-h-14 tw-text-black  tw-border-gray-200">
+      <div style="background-color: #FAFAFA" class="tw-flex tw-justify-center tw-items-center tw-w-full">
+        <div class="tw-grid tw-w-full tw-pt-5 tw-mt-auto md:tw-grid-cols-3 tw-gap-3 tw-place-items-center">
+          <div>
+            <span class="active-text-color">地址</span>：上海市普陀区中山北路3663号
+          </div>
+          <div>
+            <span class="active-text-color">邮箱</span>：byang[at]dase[dot]ecnu.edu[dot]cn
+          </div>
+          <div>
+            <div class="tw-flex tw-place-items-center">
+              <a class="active-text-color "
+                href="weixin://dl/businessWebview/?url=https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzkwMjYyMjgzOA==#wechat_redirect">
+                微信公众号
+              </a>
+              <img style="height: 100px;width: 100px;" :src=qr />
+            </div>
+          </div>
         </div>
       </div>
-    </div>
+    </q-footer>
+    <!-- <div class="tw-w-full  tw-h-24" style="background-color: #FAFAFA">
+    </div> -->
 
   </q-layout>
 </template>
 <script setup>
-import {useQuasar} from "quasar";
-
+import { useQuasar } from "quasar";
+import qr from "../assets/img/qr.png";
 const $q = useQuasar();
 let screen = $q.screen;
 
 
 </script>
-<style >
+<style>
 .active-text-color {
-
   color: #3370ff !important;
 }
-
 </style>