# 大数据平台模板

**Repository Path**: lv-zirui/big-data-platform-template

## Basic Information

- **Project Name**: 大数据平台模板
- **Description**: 可视化大数据平台干净模板(适配已加直接写组件注册引入即可)
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 2
- **Created**: 2023-08-10
- **Last Updated**: 2025-02-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-admin

> 后台管理模板

**账号**:admin
**密码**:12345678


**运行代码** npm run serve

# 适配参考
## 字体大小rem适配

1.安装
```
npm install postcss-pxtorem@5.1.1

```
```
npm i amfe-flexible -S

```
2.main.js 引入
```
import 'amfe-flexible/index'

```
3.在vue.config.js中添加
```
module.exports = {
    css: {
        loaderOptions: {
            postcss: {
                plugins: [
                    require('postcss-pxtorem')({ // 把px单位换算成rem单位
                        rootValue: 37.5, // 换算的基数(设计图375的根字体为37.5)
                        // selectorBlackList: ['weui', 'mu'], // 忽略转换正则匹配项
                        propList: ['*']
                    })
                ]
            }
        }
    },
    configureWebpack: config => {
        if (process.env.NODE_ENV === 'production') {
            // 为生产环境修改配置...
        } else {
            // 为开发环境修改配置...
        }
    }
}

```
4.在使用rem中遇到的问题   1，在不想使用rem的样式中可使用大写的PX，如font-size：16PX

5.参考地址 
[https://blog.csdn.net/juvialoxer/article/details/108346721](https://blog.csdn.net/juvialoxer/article/details/108346721)

[https://blog.csdn.net/sinat_41087851/article/details/101781228](https://blog.csdn.net/sinat_41087851/article/details/101781228)