music-score/src/page-colexiu/evaluat-model/earphone/index.tsx

import { defineComponent } from "vue";
import styles from "./index.module.less";
import icons from "../icons/index.json";

export default defineComponent({
	name: "earphone",
	emits: ["close"],
	setup(props, { emit }) {
		return () => (
			<div class={styles.fraction}>
				<img class={styles.erji} src={icons.erji} />
				<div class={styles.content}>
					<div class={styles.title}>请佩戴耳机</div>
					<div class={styles.tip}>佩戴耳机以保证测评准确率～</div>
					<img src={icons.erjibtn} class={styles.btn} onClick={() => emit("close")} />
				</div>
			</div>
		);
	},
});