This commit is contained in:
syuilo 2018-05-08 07:08:02 +09:00
parent 058602352c
commit ecd71ef5ff
2 changed files with 11 additions and 14 deletions

View file

@ -1,9 +1,11 @@
<template> <template>
<mk-ui> <mk-ui>
<main v-if="!fetching"> <main v-if="!fetching">
<a v-if="note.next" :href="note.next">%fa:angle-up%%i18n:@next%</a>
<mk-note-detail :note="note"/> <mk-note-detail :note="note"/>
<a v-if="note.prev" :href="note.prev">%fa:angle-down%%i18n:@prev%</a> <footer>
<router-link v-if="note.next" :to="note.next">%fa:angle-left% %i18n:@next%</router-link>
<router-link v-if="note.prev" :to="note.prev">%i18n:@prev% %fa:angle-right%</router-link>
</footer>
</main> </main>
</mk-ui> </mk-ui>
</template> </template>
@ -48,17 +50,12 @@ main
padding 16px padding 16px
text-align center text-align center
> a > footer
display inline-block margin-top 16px
&:first-child > a
margin-bottom 4px display inline-block
margin 0 16px
&:last-child
margin-top 4px
> [data-fa]
margin-right 4px
> .mk-note-detail > .mk-note-detail
margin 0 auto margin 0 auto

View file

@ -6,8 +6,8 @@
<mk-note-detail :note="note"/> <mk-note-detail :note="note"/>
</div> </div>
<footer> <footer>
<a v-if="note.prev" :href="note.prev">%fa:angle-left% %i18n:@prev%</a> <router-link v-if="note.prev" :to="note.prev">%fa:angle-left% %i18n:@prev%</router-link>
<a v-if="note.next" :href="note.next">%i18n:@next% %fa:angle-right%</a> <router-link v-if="note.next" :to="note.next">%i18n:@next% %fa:angle-right%</router-link>
</footer> </footer>
</main> </main>
</mk-ui> </mk-ui>