|
|
|
@ -12,6 +12,7 @@
|
|
|
|
|
<p>{{ page + 1 }}/{{ info.pages.length }}</p>
|
|
|
|
|
<p>
|
|
|
|
|
<button :disabled="originalPageWidth" v-on:click="changePageWidth(-5)">-</button>
|
|
|
|
|
<span>{{ pageWidth }}</span>
|
|
|
|
|
<button :disabled="originalPageWidth" v-on:click="changePageWidth(5)">+</button>
|
|
|
|
|
<br/>
|
|
|
|
|
<button v-on:click="originalPageWidth = !originalPageWidth">{{ originalPageWidth ? 'fixed width' : '1:1' }}</button>
|
|
|
|
@ -57,6 +58,10 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
mounted () {
|
|
|
|
|
API.getVolumeInfo(this.$route.params.id, info => (this.info = info))
|
|
|
|
|
|
|
|
|
|
if (localStorage.pageWidth) {
|
|
|
|
|
this.pageWidth = parseInt(localStorage.pageWidth)
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
setPage (page) {
|
|
|
|
@ -91,6 +96,7 @@ export default {
|
|
|
|
|
changePageWidth (change) {
|
|
|
|
|
if (this.pageWidth + change > 0 && this.pageWidth + change <= 100) {
|
|
|
|
|
this.pageWidth += change
|
|
|
|
|
localStorage.pageWidth = this.pageWidth
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|