# Mmail

**Repository Path**: xielong196/Mmail

## Basic Information

- **Project Name**: Mmail
- **Description**: 后端管理系统
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2020-03-11
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# mmail

> A Vue.js project

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report
```

### 安装scss :
 ~
    一、安装对应依赖node模块：
    cnpm install node-sass --save-dev
 
    cnpm install sass-loader@7.3.1 --save-dev 


    使用scss:

        1:需要使用scss的公共文件（复用的变量、混合宏等）

        2：在组价内使用公共文件
        @import "@/Scss/index.scss";

        @include SizeBack(100%, 100%, #f3f3f3);
        @include SizeBack(30%, 30%, white);
        @include Pd(10px 15px 20px);
    
~

### 全局安装element ui

    1：安装：
        cnpm  install element-ui -S

        cnpm  install element-ui --save

    


    2：配置;
        main.js  入口文件

        全局引入方式：全部  
        import ElementUI from 'element-ui'

        import "element-ui/lib/theme-chalk/index.css"

        Vue.use(ElementUI)

        按需引入：
        1：安装 babel-plugin-component

        cnpm install babel-plugin-component -D

    2:.babelrc 修改为
            {
            "presets": [
                ["env", {
                "modules": false,
                "targets": {
                    "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
                }
                }],
                "stage-2"
            ],
            "plugins": [
                "transform-vue-jsx",
                "transform-runtime",
                ["component", [
                {
                    "libraryName": "element-ui",
                    "styleLibraryName": "theme-chalk"
                }
                ]]
                ]

            }

        3:main.js  按需引入

            import {DatePicker,Button} from 'element-ui' 
            Vue.use(DatePicker);
            Vue.use(Button);


        4：使用element ui中的具体封装的样式
            <el-form>
                <el-form-item label="密码" prop="pass">
                    <el-input type="password" v-model="ruleForm.pass" autocomplete="off"></el-input>
                </el-form-item>
            </el-form>
        


###   axios   封装的http请求库  推荐

     cnpm  i  axios  --save

     使用    
     import axios from "axios";

     二次封装axios  :   
        基本的请求路径
        interceptors
        method
        data

    数据的请求单独封装到一个配置文件：