# 插件登录页

没登录时侧边栏只有这一屏。

```html
<div style="height:100%;display:grid;place-items:center">
<div class="xxd-auth" data-xxd-auth>
  <span class="xxd-logo" data-size="lg"><span class="xxd-logo__mark"></span></span>
  <h2 class="xxd-auth__name">小小东 · 图片排序</h2>
  <p class="xxd-auth__line">按颜色给图片链接排序。</p>
  <span class="xxd-auth__gift">新账号送 7 天完整体验</span>
  <form>
    <button class="xxd-btn" data-block type="button"><i data-xxd-icon="Globe" data-size="16"></i>使用 Google 继续</button>
    <div class="xxd-auth__or">或使用邮箱</div>
    <div data-step="email" data-active><input class="xxd-input" type="email" placeholder="you@example.com" aria-label="邮箱" required><button class="xxd-btn" data-variant="primary" data-block data-auth-next="password" hidden>继续</button></div>
    <div data-step="password"><p class="xxd-help">登录 <b data-auth-email></b></p><input class="xxd-input" type="password" placeholder="密码" aria-label="密码"><div class="xxd-cluster"><button class="xxd-btn ui-dialog-cancel" data-auth-back="email">返回</button><button class="xxd-btn" data-variant="primary" style="flex:1">继续</button></div></div>
  </form>
  <p class="xxd-auth__terms">继续即表示同意 <a class="xxd-link" href="#">服务条款</a> 和 <a class="xxd-link" href="#">隐私政策</a></p>
</div></div>
```