test

HegeKen · Mar 1, 2024 · 71f9f3e · 71f9f3e
1 parent 3a593b8
commit 71f9f3e
Show file tree

Hide file tree

Showing 7 changed files with 91 additions and 14 deletions.
diff --git a/components/Disclaimer.vue b/components/Disclaimer.vue
@@ -1,9 +1,14 @@
 <template>
-  <div v-if="$device.isDesktopOrTablet" class="mdui-container-fluid">
+  <!-- <div v-if="$device.isDesktopOrTablet" class="mdui-container-fluid">
     <div class="mdui-center mdui-text-center">© 2019- {{ new Date().getFullYear() }} | {{ $t('dispc') }}</div>
   </div>
   <div v-else class="mdui-container-fluid">
     <div class="mdui-center mdui-text-center">© 2019- {{ new Date().getFullYear() }} | {{ $t('dismob') }}</div>
+  </div> -->
+
+
+  <div class="mdui-container-fluid">
+    <div class="mdui-center mdui-text-center">© 2019- {{ new Date().getFullYear() }} | {{ $t('dismob') }}</div>
   </div>
 </template>
 <script setup>

diff --git a/components/Footer.vue b/components/Footer.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="$device.isDesktopOrTablet" class="mdui-bottom-nav mdui-color-white">
+  <!-- <div v-if="$device.isDesktopOrTablet" class="mdui-bottom-nav mdui-color-white">
     <a href="https://github.com/HegeKen" class="mdui-ripple mdui-bottom-nav-active"><i class="mdui-icon icon-GitHub MRIcons"></i><label>GitHub</label></a>
     <a href="https://gitlab.com/HegeKen" class="mdui-ripple mdui-bottom-nav-active"><i class="mdui-icon icon-gitlab MRIcons"></i><label>GitLab</label></a>
     <a href="https://weibo.com/Heliljan" class="mdui-ripple mdui-bottom-nav-active"><i class="mdui-icon icon-weibo MRIcons"></i><label>{{ $t('weibo') }}</label></a>
@@ -16,6 +16,13 @@
     <a :href="'/' + locale + '/devices'" class="mdui-ripple mdui-bottom-nav-active"><i class="mdui-icon material-icons">devices</i><label class="mdui-text-capitalize">{{ $t('devices') }}</label></a>
     <a :href="'/' + locale + '/tools'" class="mdui-ripple mdui-bottom-nav-active"><i class="mdui-icon material-icons">laptop_windows</i><label class="mdui-text-capitalize">{{ $t('tools') }}</label></a>
     <a href="#top" class="mdui-bottom-nav-active"><i class="mdui-icon material-icons">arrow_upward</i><label>返回顶部</label></a>
+  </div> -->
+  <div class="mdui-bottom-nav mdui-color-white">
+    <a :href="'/' + locale" class="mdui-ripple mdui-bottom-nav-active"><i class="mdui-icon material-icons">home</i><label class="mdui-text-capitalize">{{ $t('home') }}</label></a>
+    <a :href="'/' + locale + '/weekly'" class="mdui-ripple mdui-bottom-nav-active"><i class="mdui-icon material-icons">developer_mode</i><label class="mdui-text-capitalize">{{ $t('dev') }}</label></a>
+    <a :href="'/' + locale + '/devices'" class="mdui-ripple mdui-bottom-nav-active"><i class="mdui-icon material-icons">devices</i><label class="mdui-text-capitalize">{{ $t('devices') }}</label></a>
+    <a :href="'/' + locale + '/tools'" class="mdui-ripple mdui-bottom-nav-active"><i class="mdui-icon material-icons">laptop_windows</i><label class="mdui-text-capitalize">{{ $t('tools') }}</label></a>
+    <a href="#top" class="mdui-bottom-nav-active"><i class="mdui-icon material-icons">arrow_upward</i><label>返回顶部</label></a>
   </div>
 </template>
 <script setup>

diff --git a/components/Header.vue b/components/Header.vue
@@ -1,5 +1,5 @@
 <template>
-    <div v-if="$device.isMobileOrTablet">
+  <!-- <div v-if="$device.isMobileOrTablet">
     <div class="mdui-color-deep-orange-accent mdui-text-color-white mdui-appbar mdui-appbar-fixed">
       <div class="mdui-toolbar">
         <div><a href="javascript:;" class="mdui-btn mdui-btn-icon tri" mdui-drawer="{target:'#main-drawer', swipe: true}" mdui-drawer-close><i class="mdui-icon material-icons">menu</i></a><span class="mdui-typo-title">{{ $t('site') }}</span></div>
@@ -45,8 +45,69 @@
       </div>
     </div>
     <br /><br /><br /><br /><br /><br /><br /><br />
-  </div>
+  </div> -->
 
+  <div class="mdui-color-deep-orange-accent mdui-text-color-white mdui-appbar mdui-appbar-fixed">
+    <div class="mdui-toolbar">
+      <a href="javascript:;">
+        <span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-yellow" mdui-drawer="{target: '#main-drawer', swipe: true}" mdui-drawer-close>
+          <i class="mdui-icon material-icons">menu</i>
+        </span>
+      </a>
+      <span class="mdui-typo-title">{{ $t('site') }}</span>
+      <div class="mdui-toolbar-spacer"></div>
+      <img src="/images/logo/Logo-Str-White.png" title="SiteLogo" width="160px">
+    </div>
+    <div class="mdui-drawer mdui-drawer-close mdui-text-color-black-text" id="main-drawer">
+      <ul class="mdui-list" mdui-collapse="{accordion: false}" style="padding-top: 70px;">
+        <a :href="'/' + locale">
+          <li class="mdui-list-item"><i class="mdui-list-item-icon mdui-icon material-icons">home</i>
+            <div class="mdui-list-item-content mdui-text-capitalize">{{ $t('home') }}</div>
+          </li>
+        </a>
+        <a :href="'/' + locale + '/weekly'">
+          <li class="mdui-list-item"><i class="mdui-list-item-icon mdui-icon material-icons">developer_mode</i>
+            <div class="mdui-list-item-content mdui-text-capitalize">{{ $t('dev') }}</div>
+          </li>
+        </a>
+        <a :href="'/' + locale + '/devices'">
+          <li class="mdui-list-item"><i class="mdui-list-item-icon mdui-icon material-icons">devices</i>
+            <div class="mdui-list-item-content mdui-text-capitalize">{{ $t('devices') }}</div>
+          </li>
+        </a>
+        <a :href="'/' + locale + '/tools'">
+          <li class="mdui-list-item"><i class="mdui-list-item-icon mdui-icon material-icons">laptop_windows</i>
+            <div class="mdui-list-item-content mdui-text-capitalize">{{ $t('tools') }}</div>
+          </li>
+        </a>
+        <a :href="'/' + locale + '/thanks'">
+          <li class="mdui-list-item"><i class="mdui-list-item-icon mdui-icon material-icons">favorite_border</i>
+            <div class="mdui-list-item-content mdui-text-capitalize">{{ $t('thanks') }}</div>
+          </li>
+        </a>
+        <a :href="'/' + locale + '/sitelog'">
+          <li class="mdui-list-item"><i class="mdui-list-item-icon mdui-icon material-icons">update</i>
+            <div class="mdui-list-item-content mdui-text-capitalize">{{ $t('sitelog') }}</div>
+          </li>
+        </a>
+        <a :href="'/' + locale + '/friendly'">
+          <li class="mdui-list-item"><i class="mdui-list-item-icon mdui-icon material-icons">link</i>
+            <div class="mdui-list-item-content mdui-text-capitalize">{{ $t('friendly') }}</div>
+          </li>
+        </a>
+        <a :href="'/' + locale + '/about'">
+          <li class="mdui-list-item"><i class="mdui-list-item-icon mdui-icon material-icons">perm_identity</i>
+            <div class="mdui-list-item-content mdui-text-capitalize">{{ $t('about') }}</div>
+          </li>
+        </a>
+        <a v-for="locale in availableLocales" :key="locale.code" :href="switchLocalePath(locale.code)">
+          <li class="mdui-list-item"><i class="mdui-list-item-icon mdui-icon material-icons">translate</i>
+            <div class="mdui-list-item-content mdui-text-capitalize">{{ locale.name }}</div>
+          </li>
+        </a>
+      </ul>
+    </div>
+  </div><br /><br /><br /><br />
 </template>
 <script setup>
 const { locale, locales } = useI18n();

diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -4,8 +4,8 @@ export default defineNuxtConfig({
   ],
   modules: [
     'nuxt-simple-sitemap',
+    // '@nuxtjs/device',
     '@nuxtjs/i18n',
-    '@nuxtjs/device'
   ],
   i18n: {
     locales: [

diff --git a/pages/devices/[codename]/index.vue b/pages/devices/[codename]/index.vue
@@ -63,13 +63,15 @@
                       <td class="mdui-text-center">{{ data.android }}</td>
                       <td v-if="data.recovery == ''">{{ $t('na') }}</td>
                       <td v-else><a :href="('https://cdnorg.d.miui.com/' + data.miui + '/' + data.recovery)">
-                        <span v-if="$device.isDesktopOrTablet">{{ data.recovery }}</span>
-                        <span v-else></span>
+                        <span>{{ $t('recovery') }}</span>
+                        <!-- <span v-if="$device.isDesktopOrTablet">{{ data.recovery }}</span>
+                        <span v-else></span> -->
                       </a></td>
                       <td v-if="data.fastboot == ''">{{ $t('na') }}</td>
                       <td v-else><a :href="('https://cdnorg.d.miui.com/' + data.miui + '/' + data.fastboot)">
-                        <span v-if="$device.isDesktopOrTablet">{{ data.fastboot }}</span>
-                        <span v-else></span>
+                        <span>{{ $t('fastboot') }}</span>
+                        <!-- <span v-if="$device.isDesktopOrTablet">{{ data.fastboot }}</span>
+                        <span v-else></span> -->
                       </a></td>
                     </tr>
                   </tbody>

diff --git a/pages/weekly/week-[week]-cn.vue b/pages/weekly/week-[week]-cn.vue
@@ -60,13 +60,15 @@
                       <td class="mdui-text-center">{{ device.android }}</td>
                       <td v-if="device.recovery == ''">{{ $t('na') }}</td>
                       <td v-else><a :href="('https://cdnorg.d.miui.com/' + device.miui + '/' + device.recovery)">
-                        <span v-if="$device.isDesktopOrTablet">{{ device.recovery }}</span>
-                        <span v-else></span>
+                        <span>{{ $t('recovery') }}</span>
+                        <!-- <span v-if="$device.isDesktopOrTablet">{{ data.recovery }}</span>
+                        <span v-else></span> -->
                       </a></td>
                       <td v-if="device.fastboot == ''">{{ $t('na') }}</td>
                       <td v-else><a :href="('https://cdnorg.d.miui.com/' + device.miui + '/' + device.fastboot)">
-                        <span v-if="$device.isDesktopOrTablet">{{ device.fastboot }}</span>
-                        <span v-else></span>
+                        <span>{{ $t('fastboot') }}</span>
+                        <!-- <span v-if="$device.isDesktopOrTablet">{{ data.fastboot }}</span>
+                        <span v-else></span> -->
                       </a></td>
                     </tr>
                   </tbody>

diff --git a/public/MRData b/public/MRData
+1 −1		data/devices/munch.json
+1 −1		data/devices/veux.json
+1 −1		data/devices/xaga.json
+1 −1		data/index.json