| | |
|---|
| | | <template> |
|---|
| | | <div |
|---|
| | | class="english-book" |
|---|
| | | @mouseup="handleMouseUp" |
|---|
| | | :style="{ |
|---|
| | | fontSize: fontSize ? fontSize + 'px' : '16px', |
|---|
| | | transform: `scale(${pageZoom ? pageZoom : 1})`, |
|---|
| | | }" |
|---|
| | | > |
|---|
| | | <div class="english-book" @mouseup="handleMouseUp"> |
|---|
| | | <pageContent></pageContent> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import pageContent from "./components/index.vue"; |
|---|
| | | import pageContent from "./components/index.vue" |
|---|
| | | export default { |
|---|
| | | name: "english-book", |
|---|
| | | components: { pageContent }, |
|---|
| | | computed: { |
|---|
| | | fontSize() { |
|---|
| | | return this.$store.state.qiankun.fontSize; |
|---|
| | | }, |
|---|
| | | pageZoom() { |
|---|
| | | return this.$store.state.qiankun.scale / 100; |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | getParentWithClass(element, className) { |
|---|
| | | while (element.parentElement) { |
|---|
