index.tsx 826 B

123456789101112131415161718192021222324252627
  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. import { getToken } from "/src/utils";
  6. export default defineComponent({
  7. name: "screenModel",
  8. emits: ["close"],
  9. setup(props, { emit }) {
  10. return () => (
  11. <>
  12. <img class={styles.closeBtn} src={iconBack} onClick={() => emit("close")} />
  13. <div class={styles.container}>
  14. <Tabs swipeable animated>
  15. <Tab name="投屏" title="投屏">
  16. <iframe src="https://online.colexiu.com/student/#/guide" />
  17. </Tab>
  18. <Tab name="帮助" title="帮助">
  19. <iframe src={location.origin + "#/help-center?source=music" + '&Authorization=' + getToken()} />
  20. </Tab>
  21. </Tabs>
  22. </div>
  23. </>
  24. );
  25. },
  26. });