<template>
  <div class="rd-2">
    <n-radio-group v-model:value="mode" name="radiogroup">
      <n-space>
        <n-radio v-for="i in modeOptions" :key="i.value" :value="i.value">
          {{ i.label }}
          <n-tooltip placement="top">
            <template #trigger>
              <span style="color: red； font-size: 10px">提示</span>
            </template>
            <div>
              reloaded using link preload but not used within a few seconds from
              the window's load event. Pleas
            </div>
          </n-tooltip>
        </n-radio>
      </n-space>
    </n-radio-group>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { NSpace, NRadio, NRadioGroup, NTooltip } from 'naive-ui';

const mode = ref('direct');
const modeOptions = [
  { label: '直接', value: 'direct' },
  { label: '拆分', value: 'paragraph' },
];
</script>

<style scoped></style>