Web_TracerMethodology/components/tm-modal/tm-modal.vue

<!--
 * @Author: xieyunhui awesomedema@gmail.com
 * @Date: 2021-04-19 15:46:08
 * @LastEditors: xieyunhui awesomedema@gmail.com
 * @LastEditTime: 2025-09-09 16:50:09
 * @FilePath: /web_TracerMethodology/components/tm-modal/tm-modal.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
	<view class="tm-modal" @click="$emit('click')">
		<slot></slot>
	</view>
</template>

<script>
	/**
	 * modal弹出层
	 * @click为点击元素的事件监听
	 */
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less">
	.tm-modal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		background-color: rgba(18, 20, 26, 0.5);
	}
</style>