<script setup>
// 小提示

import useUtils from "@/utils/utils.js";

const props = defineProps(["content"])
const utils = useUtils()

const showTip = function () {
	utils.popupTip(props.content)
}
</script>

<template>
	<a href="" title="查看帮助" @click.prevent="showTip" v-tooltip.top="'点击查看帮助'" class="flex items-center"><div class="question-circle-icon text-black"></div></a>
</template>

<style scoped>
.question-circle-icon {
	width: 1em;
	height: 1em;
	mask-image: var(--svg);
	--svg: url(@/assets/icon/question-circle.svg);
	background-color: currentColor;
	display: inline-block;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}
</style>