28 lines
827 B
Vue
28 lines
827 B
Vue
<template>
|
|
<div c-c f style="height: calc(100vh - 66px - 20px)">
|
|
<n-spin :delay="1000" :show="false">
|
|
<n-card
|
|
:segmented="{
|
|
content: true,
|
|
footer: 'soft',
|
|
}"
|
|
:title="t('view.login.title')"
|
|
style="width: 430px">
|
|
<n-form border label-align="right" label-placement="left" label-width="auto">
|
|
<n-form-item :label="t('view.login.username')">
|
|
<n-input />
|
|
</n-form-item>
|
|
<n-form-item :label="t('view.login.password')">
|
|
<n-input />
|
|
</n-form-item>
|
|
</n-form>
|
|
<n-button block secondary strong type="primary">{{ t('view.login.title') }}</n-button>
|
|
</n-card>
|
|
</n-spin>
|
|
</div>
|
|
</template>
|
|
<script lang="ts" setup>
|
|
import { t } from '@/plugin';
|
|
</script>
|
|
<style scoped></style>
|