style: use unocss rewrite css

This commit is contained in:
张传龙
2022-07-14 18:05:47 +08:00
parent d10b8f0e96
commit 5856f601fa
16 changed files with 51 additions and 93 deletions

View File

@@ -36,7 +36,8 @@
class="w-300 flex-shrink-0 mt-10 mb-10 cursor-pointer"
hover:card-shadow
title="Vue Naive Admin"
size="small">
size="small"
>
<p op-60>一个基于 Vue3.0ViteNaive UI 的轻量级后台管理模板</p>
</n-card>
<div w-300 h-0></div>

View File

@@ -5,7 +5,8 @@
v-model="post.title"
class="flex-1 pt-15 pb-15 mr-20 text-20 font-bold color-primary"
type="text"
placeholder="输入文章标题..." />
placeholder="输入文章标题..."
/>
<n-button type="primary" style="width: 80px" :loading="btnLoading" @click="handleSavePost">保存</n-button>
</div>
<MdEditor v-model="post.content" style="height: calc(100vh - 220px)" />

View File

@@ -11,7 +11,8 @@
:columns="columns"
:pagination="pagination"
:row-key="(row) => row.id"
@update:checked-row-keys="handleCheck" />
@update:checked-row-keys="handleCheck"
/>
</div>
</template>

View File

@@ -16,7 +16,8 @@
autofocus
class="text-16 items-center h-50 pl-10"
placeholder="admin"
:maxlength="20">
:maxlength="20"
>
</n-input>
</div>
<div mt-30 w-full max-w-360>
@@ -27,7 +28,8 @@
show-password-on="mousedown"
placeholder="123456"
:maxlength="20"
@keydown.enter="handleLogin" />
@keydown.enter="handleLogin"
/>
</div>
<div mt-20 w-full max-w-360>