冲刺记录2

在完成了对ai的角色和对话方式限定之后，我开始搭建一个项目，首先完成了登录页面，相关代码如下：

<template>
  <!-- 背景 -->
  <div class="background">
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
  </div>

  <div class="box" id="reverse">
    <div class="box-zheng">
    <h3>心灵守护者</h3>
    <el-form :model="form">
      <input type="text" v-model="form.id" placeholder="请输入账号" required>
      <input type="password" v-model="form.password" placeholder="请输入密码" required>
      <button type="button" class="loginBtn"  @click="login">登录</button>
    </el-form>
      <!-- <div style="float: right;" v-if="register"></div> -->
      <div style="text-align: center;">
        <a @click="changeFz" class="no">没有账号？立即注册</a>
      </div>
  </div>
</template>