test/ofd.js
1
0
Fork 0
mirror of https://gitee.com/Donal/ofd.js.git synced 2024-12-03 12:29:53 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

首页及最后一页

Browse Source
This commit is contained in:
Donal 2020-09-19 17:57:42 +08:00
parent b85d08d683
commit f75cf1d5fa
1 changed files with 25 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/HelloWorld.vue
View File

@ -12,22 +12,22 @@
<font-awesome-icon icon="search-plus"/> <font-awesome-icon icon="search-plus"/>
</div> </div>
<div class="scale-icon"> <div class="scale-icon" @click="minus">
<font-awesome-icon icon="search-minus" @click="minus"/> <font-awesome-icon icon="search-minus" />
</div> </div>
<div class="scale-icon"> <div class="scale-icon">
<font-awesome-icon icon="step-backward"/> <font-awesome-icon icon="step-backward" @click="firstPage"/>
</div> </div>
<div class="scale-icon"> <div class="scale-icon" style="font-size: 18px" @click="prePage">
<font-awesome-icon icon="caret-left"/> <font-awesome-icon icon="caret-left"/>
</div> </div>
<div class="scale-icon"> <div class="scale-icon" style="font-size: 18px" @click="nextPage">
<font-awesome-icon icon="caret-right"/> <font-awesome-icon icon="caret-right"/>
</div> </div>
<div class="scale-icon"> <div class="scale-icon" @click="lastPage">
<font-awesome-icon icon="step-forward"/> <font-awesome-icon icon="step-forward"/>
</div> </div>
@ -193,6 +193,25 @@ export default {
this.displayOfdDiv(divs); this.displayOfdDiv(divs);
}, },
prePage() {
},
firstPage() {
let contentDiv = document.getElementById('content');
let first = contentDiv.firstElementChild;
first.scrollIntoView(true);
},
nextPage() {
},
lastPage() {
let contentDiv = document.getElementById('content');
let last = contentDiv.lastElementChild;
last.scrollIntoView(true);
},
demo(value) { demo(value) {
let ofdFile = null; let ofdFile = null;
switch (value) { switch (value) {