写在前面：

在项目中我们少不了引入全局主题色，网上方法五花八门，今天给小白分享一个最简单的方法，实现方法如下：

第一步，在此处创建文件：

./src/asert/less/theme.less，less代码如下,其中--xxx颜色就是我们定义的主题色：

:root {
    --jx-primary-color: rgb(107, 203, 182);
    --jx-primary-bgc-color: rgb(246, 247, 249);
}

第二步：在main.js中添加以下代码：

import './assets/less/theme.less'

到这里就结束了，现在你就可以在全局使用定义的theme.less定义的全局颜色

使用实例：

.content {
  display: flex;
  flex-direction: column;
  width: 375px;
  height: 70vh;
  margin-top: -30px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-color: var(--jx-primary-bgc-color);
  ...
  }