<script setup>

</script>

<template>
  <div class="login-container">
    <div class="login-box">

      <div class="avatar-box">
        <img src="../assets/vue.svg" class="avatar">
      </div>

    </div>
    <div class="form-login">
      <div class="form-group">
        <label for="username">用户名：</label>
        <input type="text" id="username" class="form-control" placeholder="请输入用户名" autocomplete="off" v-model.trim="username" />
      </div>
      <div class="form-group">
        <label for="password">密码：</label>
        <input type="password" id="password" class="form-control" placeholder="请输入密码" v-model="password" />
      </div>
      <div class="form-group">
        <button class="btn btn-primary" type="button">登录</button>
        <!-- 引入bootstrap样式 -->
      </div>
    </div>
  </div>
</template>

<style scoped>

</style>
