2021-06-05 [前端项目]4小时开发一个SpringBoot+vue前后端分离博客项目

[前端项目]4小时开发一个SpringBoot+vue前后端分离博客项目

源码地址

element-ui组件库

• 前端style的操作修改
  1.给元素命名class

 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
              <el-form-item label="用户名" prop="username">
                <el-input v-model="ruleForm.username"></el-input>
              </el-form-item>
               </el-form>

2.在style中进行添加

<style>
  .mlogo{
    height: 60%;
    margin-top: 10px;
  }
  .demo-ruleForm{
    max-width: 500px;
    margin: 0 auto;
  }
</style>

• List item