.u-login.wrapper
header
u-logo.mb-2
h1.mb-0.title 客製化網站內容管理系統
main
form.card(@submit.prevent="onSubmit")
h3.card-header.text-uppercase {{ title }}
.card-body
.form-group
i.fa.fa-user
input.form-control(
:class="{ 'is-invalid': !!errors.username }",
type="text",
name="username",
v-model="form.username",
placeholder="帳號",
aria-describedby="username",
:disabled="loading",
required,
v-focus
)
.invalid-feedback(v-if="errors.username") {{ errors.username }}
.form-group
i.fa.fa-lock
input.form-control(
:class="{ 'is-invalid': !!errors.password }",
type="password",
name="password",
v-model="form.password",
placeholder="密碼",
aria-describedby="password",
:disabled="loading",
required
)
.invalid-feedback(v-if="errors.username") {{ errors.password }}
.card-actions.mt-0.pt-0
button.btn.btn-primary.btn-block.btn-lg(
:class="{ disabled: loading, 'btn-loading': loading }",
type="submit"
) 登入
//- .form-group.mb-0
//- nuxt-link.link-dark(to="/login") 忘記密碼
footer
p.mb-1 BACKEND - Content Management System
p.mb-0
span Made with
i.fa.fa-heart
span by
a(href="http://www.unisharp.com", target="_blank") UniSharp