| | |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | clearDom() { |
|---|
| | | let ele = (this.container ? this.container : document).getElementById("imageParent"); |
|---|
| | | let ele = document.getElementById("imageParent"); |
|---|
| | | ele.innerHtml = ""; |
|---|
| | | }, |
|---|
| | | createDom(page) { |
|---|
| | | var that = this; |
|---|
| | | let ele = (this.container ? this.container : document).getElementById("imageParent"); |
|---|
| | | let ele = document.getElementById("imageParent"); |
|---|
| | | const img = document.createElement("img"); |
|---|
| | | img.src = this.getPageImage(page); |
|---|
| | | img.alt = ""; |
|---|
| | |
|---|
| | | }, |
|---|
| | | scrollBottom() { |
|---|
| | | var that = this; |
|---|
| | | var ele = (this.container ? this.container : document).getElementById("imageParent"); |
|---|
| | | var ele = document.getElementById("imageParent"); |
|---|
| | | ele.addEventListener("scroll", function () { |
|---|
| | | // 计算滚动条距离底部的位置 |
|---|
| | | const scrollBottom = |
|---|
| | |
|---|
| | | display: flex; |
|---|
| | | justify-content: flex-end; |
|---|
| | | align-items: center; |
|---|
| | | |
|---|
| | | svg { |
|---|
| | | margin-right: 15px; |
|---|
| | | fill: #d1d1d1; |
|---|
| | | } |
|---|
| | | |
|---|
| | | svg:hover { |
|---|
| | | fill: #fff; |
|---|
| | | cursor: pointer; |
|---|
