| | |
| | | <template> |
| | | <div |
| | | class="temp-book" |
| | | @mouseup="handleMouseUp" |
| | | :style="{ |
| | | fontSize: fontSize ? fontSize + 'px' : '16px', |
| | | transform: `scale(${pageZoom ? pageZoom : 1})` |
| | | }" |
| | | > |
| | | <div class="temp-book" @mouseup="handleMouseUp"> |
| | | <pageContent></pageContent> |
| | | </div> |
| | | </template> |
| | |
| | | import pageContent from "./content/index.vue"; |
| | | export default { |
| | | components: { |
| | | pageContent |
| | | pageContent, |
| | | }, |
| | | data() { |
| | | return {}; |
| | | }, |
| | | computed: { |
| | | fontSize() { |
| | | return this.$store.state.qiankun.fontSize; |
| | | }, |
| | | pageZoom() { |
| | | return this.$store.state.qiankun.scale / 100; |
| | | } |
| | | }, |
| | | |
| | | mounted() {}, |
| | | methods: { |
| | | getParentWithClass(element, className) { |
| | |
| | | } |
| | | } |
| | | }, |
| | | |
| | | handleMouseUp(e) { |
| | | const selection = ( |
| | | this.container ? this.container : window |
| | |
| | | txt, |
| | | page, |
| | | x: e.x, |
| | | y: e.y |
| | | y: e.y, |
| | | }); |
| | | } |
| | | } |
| | |
| | | txt: "", |
| | | page: "", |
| | | x: e.x, |
| | | y: e.y |
| | | y: e.y, |
| | | }); |
| | | } |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | |