/
githubmirror
/
Motrix
Обзор
Документация
Войти
/
githubmirror
/
Motrix
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/renderer/components/Subnav/PreferenceSubnav.vue
64 строки
2 KB
Dr_rOot
refactor: style code format
07 май 2021, 16:25
07 май 2021, 16:25
a4fb082
Код
Авторство
О чём код?
<template> <nav class="subnav-inner"> <h3>{{ title }}</h3> <ul> <li @click="() => nav('basic')" :class="[ current === 'basic' ? 'active' : '' ]" > <i class="subnav-icon"> <mo-icon name='preference-basic' width="20" height="20" /> </i> <span>{{ $t('preferences.basic') }}</span> </li> <li @click="() => nav('advanced')" :class="[ current === 'advanced' ? 'active' : '' ]" > <i class="subnav-icon"> <mo-icon name='preference-advanced' width="20" height="20" /> </i> <span>{{ $t('preferences.advanced') }}</span> </li> <li @click="() => nav('lab')" :class="[ current === 'lab' ? 'active' : '' ]" > <i class="subnav-icon"> <mo-icon name='preference-lab' width="20" height="20" /> </i> <span>{{ $t('preferences.lab') }}</span> </li> </ul> </nav> </template> <script> import '@/components/Icons/preference-basic' import '@/components/Icons/preference-advanced' import '@/components/Icons/preference-lab' export default { name: 'mo-preference-subnav', props: { current: { type: String, default: 'basic' } }, computed: { title () { return this.$t('subnav.preferences') } }, methods: { nav (category = 'basic') { this.$router.push({ path: `/preference/${category}` }).catch(err => { console.log(err) }) } } } </script>