vue3项目全局适配

要在Vue3项目中进行全局适配，可以使用Vue3提供的全局样式变量功能。具体步骤如下：

1. 在项目中创建一个`variables.css`文件，定义全局样式变量，例如：

:root {
  --primary-color: #1890ff;
  --font-size: 14px;
}

2. 在`main.js`中引入该文件：

import './variables.css'

3. 在组件中使用全局样式变量，例如：

<template>
  <div :style="{ color: 'var(--primary-color)', fontSize: 'var(--font-size)' }">
    Hello World
  </div>
</template>

这样就可以在整个项目中使用定义的全局样式变量了。