nx: add tap for mnav

Signed-off-by: Varun Patil <radialapps@gmail.com>
pull/672/head
Varun Patil 2023-05-21 20:52:04 -07:00
parent 4a6855189d
commit bd2767fb0f
1 changed files with 11 additions and 3 deletions

View File

@ -1,16 +1,16 @@
<template> <template>
<div id="mobile-nav"> <div id="mobile-nav">
<router-link to="/"> <router-link to="/" @click.native="linkClick">
<ImageMultipleIcon :size="22" /> <ImageMultipleIcon :size="22" />
{{ t('memories', 'Photos') }} {{ t('memories', 'Photos') }}
</router-link> </router-link>
<router-link to="/explore"> <router-link to="/explore" @click.native="linkClick">
<SearchIcon :size="22" /> <SearchIcon :size="22" />
{{ t('memories', 'Explore') }} {{ t('memories', 'Explore') }}
</router-link> </router-link>
<router-link to="/albums"> <router-link to="/albums" @click.native="linkClick">
<AlbumIcon :size="22" /> <AlbumIcon :size="22" />
{{ t('memories', 'Albums') }} {{ t('memories', 'Albums') }}
</router-link> </router-link>
@ -20,6 +20,8 @@
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
import * as nativex from '../native';
import ImageMultipleIcon from 'vue-material-design-icons/ImageMultiple.vue'; import ImageMultipleIcon from 'vue-material-design-icons/ImageMultiple.vue';
import SearchIcon from 'vue-material-design-icons/Magnify.vue'; import SearchIcon from 'vue-material-design-icons/Magnify.vue';
import AlbumIcon from 'vue-material-design-icons/ImageAlbum.vue'; import AlbumIcon from 'vue-material-design-icons/ImageAlbum.vue';
@ -32,6 +34,12 @@ export default defineComponent({
SearchIcon, SearchIcon,
AlbumIcon, AlbumIcon,
}, },
methods: {
linkClick() {
nativex.playTouchSound();
},
},
}); });
</script> </script>