FamilyBook/templates/login.php

<div class="auth-wrap">
  <div class="auth-card">
    <div class="auth-head">
      <img class="logo" src="<?= e(asset('/assets/icons/icon-192.png')) ?>" alt="">
      <h1><?= e($familyName) ?></h1>
      <p class="lead">用手机号登录你的家书</p>
    </div>

    <?php if (!empty($error)): ?>
      <div class="flash"><div class="flash-item err"><?= e($error) ?></div></div>
    <?php endif; ?>

    <form method="post" action="<?= e(url('auth/login')) ?>">
      <?= csrf_field() ?>
      <div class="form-grid">
        <div class="field full">
          <label for="phone">手机号</label>
          <input class="input" id="phone" name="phone" value="<?= e($phone ?? '') ?>"
                 inputmode="numeric" autocomplete="username" required autofocus>
        </div>
        <div class="field full">
          <label for="password">密码</label>
          <input class="input" id="password" name="password" type="password"
                 autocomplete="current-password" required>
        </div>
      </div>
      <button class="btn" type="submit">登录</button>
    </form>
    <p class="auth-foot">忘记密码？让家里有管理员权限的人帮你重置。</p>
  </div>
</div>