页面修改

src/components/EssentialLink.vue

-<template>
-  <q-item
-    clickable
-    tag="a"
-    target="_blank"
-    :href="link"
-  >
-    <q-item-section
-      v-if="icon"
-      avatar
-    >
-      <q-icon :name="icon" />
-    </q-item-section>
-
-    <q-item-section>
-      <q-item-label>{{ title }}</q-item-label>
-      <q-item-label caption>
-        {{ caption }}
-      </q-item-label>
-    </q-item-section>
-  </q-item>
-</template>
-
-<script>
-export default {
-  name: 'EssentialLink',
-  props: {
-    title: {
-      type: String,
-      required: true
-    },
-
-    caption: {
-      type: String,
-      default: ''
-    },
-
-    link: {
-      type: String,
-      default: '#'
-    },
-
-    icon: {
-      type: String,
-      default: ''
-    }
-  }
-}
-</script>

src/components/navs/hor-big-one.vue

@@ -4,13 +4,15 @@
     elevated
     :style="{background:baseData.nav.bg,color:baseData.nav.color}"
     height-hint="98"
+    to="/index"
   >
     <q-toolbar style="height:60px;" class="q-pr-lg q-pl-lg">
-      <img :src="baseData.logo" style="height:45px;" class="q-mr-lg" />
+      <img :src="baseData.logo" style="height:45px; cursor:pointer;" class="q-mr-lg"  @click="CommonJump('/index',{})" />
       <q-tabs align="left" style="margin:0 auto;" class="desktop-only" shrink>
         <template v-for="(x, i) in baseData.nav.navs">
-          <q-route-tab :key="i" :to="x.url" :label="x.title" :icon="x.icon" v-if="x.icon!=''" />
-          <q-route-tab :key="i" :to="x.url" :label="x.title" v-else />
+          <q-btn :key="i"  stretch flat :label="x.title" @click="OpenNewUrl(x.url)" />
+          <!-- <q-route-tab :key="i" :to="x.url" :label="x.title" :icon="x.icon" v-if="x.icon!=''" exact />
+          <q-route-tab :key="i" :to="x.url" :label="x.title" v-else exact /> -->
         </template>
       </q-tabs>
       <q-btn
@@ -25,8 +27,9 @@
         <q-menu>
           <q-tabs align="left" vertical shrink>
             <template v-for="(x, i) in baseData.nav.navs">
-              <q-route-tab :key="i" :to="x.url" :label="x.title" :icon="x.icon" v-if="x.icon!=''" />
-              <q-route-tab :key="i" :to="x.url" :label="x.title" v-else />
+             <q-btn :key="i"  stretch flat :label="x.title" @click="OpenNewUrl(x.url)" />
+              <!-- <q-route-tab :key="i" :to="x.url" :label="x.title" :icon="x.icon" v-if="x.icon!=''" exact />
+              <q-route-tab :key="i" :to="x.url" :label="x.title" v-else exact /> -->
             </template>
           </q-tabs>
         </q-menu>

src/components/navs/hor-big-tow.vue

@@ -4,13 +4,15 @@
     elevated
     :style="{background:'transparent',color:'#FFF'}"
     height-hint="98"
+    to="/index"
   >
     <q-toolbar style="height:60px;" class="q-pr-lg q-pl-lg">
-      <img :src="baseData.logo" style="height:45px;" class="q-mr-lg" />
+      <img :src="baseData.logo" style="height:45px; cursor:pointer;" class="q-mr-lg"  @click="CommonJump('/index',{})" />
       <q-tabs align="left" style="margin:0 auto;" class="desktop-only" shrink>
         <template v-for="(x, i) in baseData.nav.navs">
-          <q-route-tab :key="i" :to="x.url" :label="x.title" :icon="x.icon" v-if="x.icon!=''" />
-          <q-route-tab :key="i" :to="x.url" :label="x.title" v-else />
+            <q-btn :key="i"  stretch flat :label="x.title" @click="OpenNewUrl(x.url)" />
+          <!-- <q-route-tab :key="i" :to="x.url" :label="x.title" :icon="x.icon" v-if="x.icon!=''" exact />
+          <q-route-tab :key="i" :to="x.url" :label="x.title" v-else exact /> -->
         </template>
       </q-tabs>
       <q-btn
@@ -25,8 +27,9 @@
         <q-menu>
           <q-tabs align="left" vertical shrink>
             <template v-for="(x, i) in baseData.nav.navs">
-              <q-route-tab :key="i" :to="x.url" :label="x.title" :icon="x.icon" v-if="x.icon!=''" />
-              <q-route-tab :key="i" :to="x.url" :label="x.title" v-else />
+             <q-btn :key="i"  stretch flat :label="x.title" @click="OpenNewUrl(x.url)" />
+              <!-- <q-route-tab :key="i" :to="x.url" :label="x.title" :icon="x.icon" v-if="x.icon!=''" exact />
+              <q-route-tab :key="i" :to="x.url" :label="x.title" v-else exact /> -->
             </template>
           </q-tabs>
         </q-menu>
@@ -37,14 +40,14 @@
         class="q-ml-lg desktop-only"
         :label="$t('login')"
         icon="iconfont iconicon-unlogin"
-        to="/login/index"
+        to="/login"
       />
       <q-btn
         flat
         style="color: #fff;font-weight:bold;"
         class="mobile-only"
         icon="iconfont iconicon-unlogin"
-        to="/login/index"
+        to="/login"
       />
     </q-toolbar>
   </q-header>

src/components/navs/hor-btm.vue

@@ -339,14 +339,12 @@
             </div>
             <div class="footer_fb_group">
               <a :href="dataList.Config.FaceBookUrl">
-
                 <div class="fb-page" :data-href="dataList.Config.FaceBookUrl" data-tabs="timeline" data-width="340"
                   data-height="130" data-small-header="false" data-adapt-container-width="false" data-hide-cover="false"
                   data-show-facepile="false">
                   <blockquote :cite="dataList.Config.FaceBookUrl" class="fb-xfbml-parse-ignore"><a
                       :href="dataList.Config.FaceBookUrl">{{dataList.Config.Name}}</a></blockquote>
                 </div>
-
               </a>
             </div>
             <div class="footer_qrcode">

src/layouts/HomeLayout.vue

@@ -39,7 +39,7 @@
             color: "#222",
             navs: []
           },
-          desc: "這是一家非常牛逼的旅遊網站"
+          desc: ""
         },
         headType: 1,
         dataList: {},

src/layouts/MainLayout.vue

-<template>
-  <q-layout view="lHh Lpr lFf">
-    <q-header elevated>
-      <q-toolbar>
-        <q-btn
-          flat
-          dense
-          round
-          icon="menu"
-          aria-label="Menu"
-          @click="leftDrawerOpen = !leftDrawerOpen"
-        />
-
-        <q-toolbar-title>
-          Quasar App
-        </q-toolbar-title>
-
-        <div>Quasar v{{ $q.version }}</div>
-      </q-toolbar>
-    </q-header>
-
-    <q-drawer
-      v-model="leftDrawerOpen"
-      show-if-above
-      bordered
-      content-class="bg-grey-1"
-    >
-      <q-list>
-        <q-item-label
-          header
-          class="text-grey-8"
-        >
-          Essential Links
-        </q-item-label>
-        <EssentialLink
-          v-for="link in essentialLinks"
-          :key="link.title"
-          v-bind="link"
-        />
-      </q-list>
-    </q-drawer>
-
-    <q-page-container>
-      <router-view />
-    </q-page-container>
-  </q-layout>
-</template>
-
-<script>
-import EssentialLink from 'components/EssentialLink'
-
-export default {
-  name: 'MainLayout',
-
-  components: {
-    EssentialLink
-  },
-
-  data () {
-    return {
-      leftDrawerOpen: false,
-      essentialLinks: [
-        {
-          title: 'Docs',
-          caption: 'quasar.dev',
-          icon: 'school',
-          link: 'https://quasar.dev'
-        },
-        {
-          title: 'Github',
-          caption: 'github.com/quasarframework',
-          icon: 'code',
-          link: 'https://github.com/quasarframework'
-        },
-        {
-          title: 'Discord Chat Channel',
-          caption: 'chat.quasar.dev',
-          icon: 'chat',
-          link: 'https://chat.quasar.dev'
-        },
-        {
-          title: 'Forum',
-          caption: 'forum.quasar.dev',
-          icon: 'record_voice_over',
-          link: 'https://forum.quasar.dev'
-        },
-        {
-          title: 'Twitter',
-          caption: '@quasarframework',
-          icon: 'rss_feed',
-          link: 'https://twitter.quasar.dev'
-        },
-        {
-          title: 'Facebook',
-          caption: '@QuasarFramework',
-          icon: 'public',
-          link: 'https://facebook.quasar.dev'
-        },
-        {
-          title: 'Quasar Awesome',
-          caption: 'Community Quasar projects',
-          icon: 'favorite',
-          link: 'https://awesome.quasar.dev'
-        }
-      ]
-    }
-  }
-}
-</script>