| | |
| | | <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) { |
| | |
| | | </script> |
| | | |
| | | <style lang="less"> |
| | | @import "../assets/main.less"; |
| | | </style> |