<script setup lang="ts" name="TheWelcome">
// eslint-disable-next-line @typescript-eslint/no-unused-vars
import type { personInter, persos } from "@/types";

//let TheWelcome:personInter = {id: "123456qwer", name: "请问", age: 13}
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const personList:persos = [
{id: "123456qwer", name: "请问", age: 13},
{id: "123456qw", name: "阿三", age: 13},
{id: "123456qwas", name: "暗示", age: 13}
]
</script>

<template>
  <div class="TheWelcome"></div>
</template>

<style scoped>
.TheWelcome {
  background-color: skyblue; /* 设置背景颜色 */
  box-shadow: 0 0 10px; /* 添加阴影效果 */
  border-radius: 10px; /* 设置圆角半径 */
  padding: 20px; /* 设置内边距 */
}

/* 设置按钮之间的间距 */
button {
  margin: 0 5px;
}

/* 这个样式规则似乎没有用到，可以考虑移除或注释掉 */
li {
  font-size: 20px;
}
</style>
