index.tsx 778 B

1234567891011121314151617181920212223242526
  1. import { defineComponent, ref } from "vue";
  2. import styles from "./index.module.less";
  3. import iconBack from "../icons/icon-right-back.png";
  4. import { Icon, ImagePreview, Tab, Tabs } from "vant";
  5. export default defineComponent({
  6. name: "screenModel",
  7. emits: ["close"],
  8. setup(props, { emit }) {
  9. return () => (
  10. <>
  11. <img class={styles.closeBtn} src={iconBack} onClick={() => emit("close")} />
  12. <div class={styles.container}>
  13. <Tabs swipeable animated>
  14. <Tab name="投屏" title="投屏">
  15. <iframe src={`${location.origin}/classroom-app/#/guide`} />
  16. </Tab>
  17. <Tab name="帮助" title="帮助">
  18. <iframe src={`${location.origin}/classroom-app/#/help-center?platformType=ANALYSIS`} />
  19. </Tab>
  20. </Tabs>
  21. </div>
  22. </>
  23. );
  24. },
  25. });