mirror of
https://github.com/zclzone/vue-naive-admin.git
synced 2026-01-23 08:00:22 +08:00
style: lint
This commit is contained in:
@@ -12,12 +12,24 @@
|
||||
<n-card title="按钮 Button">
|
||||
<n-space>
|
||||
<n-button>Default</n-button>
|
||||
<n-button type="tertiary">Tertiary</n-button>
|
||||
<n-button type="primary">Primary</n-button>
|
||||
<n-button type="info">Info</n-button>
|
||||
<n-button type="success">Success</n-button>
|
||||
<n-button type="warning">Warning</n-button>
|
||||
<n-button type="error">Error</n-button>
|
||||
<n-button type="tertiary">
|
||||
Tertiary
|
||||
</n-button>
|
||||
<n-button type="primary">
|
||||
Primary
|
||||
</n-button>
|
||||
<n-button type="info">
|
||||
Info
|
||||
</n-button>
|
||||
<n-button type="success">
|
||||
Success
|
||||
</n-button>
|
||||
<n-button type="warning">
|
||||
Warning
|
||||
</n-button>
|
||||
<n-button type="error">
|
||||
Error
|
||||
</n-button>
|
||||
</n-space>
|
||||
</n-card>
|
||||
|
||||
@@ -46,10 +58,18 @@
|
||||
<n-space size="large" mt-30>
|
||||
<n-card min-w-340 title="通知 Notification">
|
||||
<n-space>
|
||||
<n-button @click="notify('info')">信息</n-button>
|
||||
<n-button @click="notify('success')">成功</n-button>
|
||||
<n-button @click="notify('warning')">警告</n-button>
|
||||
<n-button @click="notify('error')">错误</n-button>
|
||||
<n-button @click="notify('info')">
|
||||
信息
|
||||
</n-button>
|
||||
<n-button @click="notify('success')">
|
||||
成功
|
||||
</n-button>
|
||||
<n-button @click="notify('warning')">
|
||||
警告
|
||||
</n-button>
|
||||
<n-button @click="notify('error')">
|
||||
错误
|
||||
</n-button>
|
||||
</n-space>
|
||||
</n-card>
|
||||
|
||||
@@ -66,7 +86,9 @@
|
||||
<i v-show="!loading" class="i-mdi:login mr-4" />
|
||||
登录
|
||||
</n-button>
|
||||
<n-button type="error" @click="handleMultiMessage">多个错误提醒</n-button>
|
||||
<n-button type="error" @click="handleMultiMessage">
|
||||
多个错误提醒
|
||||
</n-button>
|
||||
</n-space>
|
||||
</n-card>
|
||||
</n-space>
|
||||
@@ -75,6 +97,7 @@
|
||||
|
||||
<script setup>
|
||||
import { sleep } from '@/utils'
|
||||
|
||||
const handleDelete = function () {
|
||||
$dialog.confirm({
|
||||
content: '确认删除?',
|
||||
|
||||
@@ -11,7 +11,9 @@
|
||||
<div w-350>
|
||||
<n-input v-model:value="inputVal" />
|
||||
<n-input-number v-model:value="number" mt-30 />
|
||||
<p mt-20 text-center text-14 color-gray>注:右击标签重新加载可重置keep-alive</p>
|
||||
<p mt-20 text-center text-14 color-gray>
|
||||
注:右击标签重新加载可重置keep-alive
|
||||
</p>
|
||||
</div>
|
||||
</CommonPage>
|
||||
</template>
|
||||
|
||||
@@ -8,7 +8,9 @@
|
||||
|
||||
<template>
|
||||
<CommonPage show-footer>
|
||||
<n-button type="primary" @click="openModal1">打开第一个弹个窗</n-button>
|
||||
<n-button type="primary" @click="openModal1">
|
||||
打开第一个弹个窗
|
||||
</n-button>
|
||||
<MeModal ref="$modal1">
|
||||
<n-input v-model:value="text" />
|
||||
</MeModal>
|
||||
|
||||
@@ -9,7 +9,9 @@
|
||||
<template>
|
||||
<CommonPage show-footer>
|
||||
<template #title-suffix>
|
||||
<n-tag class="ml-12" type="primary">feather图标集 + isme自定义图标</n-tag>
|
||||
<n-tag class="ml-12" type="primary">
|
||||
feather图标集 + isme自定义图标
|
||||
</n-tag>
|
||||
</template>
|
||||
<ul class="flex flex-wrap justify-between">
|
||||
<li
|
||||
@@ -18,7 +20,7 @@
|
||||
class="m-16 w-160 f-c-c flex-col cursor-pointer rounded-12 px-12 py-24 card-border auto-bg"
|
||||
@click="copy(`<i class="${item}" />`)"
|
||||
>
|
||||
<i :class="item + '?mask'" class="text-28 text-gray-600 hover:bg-primary" />
|
||||
<i :class="`${item}?mask`" class="text-28 text-gray-600 hover:bg-primary" />
|
||||
<span
|
||||
class="mt-16 text-center text-14 text-gray-400 hover:color-primary"
|
||||
@click.stop="copy(item)"
|
||||
@@ -26,13 +28,13 @@
|
||||
{{ item }}
|
||||
</span>
|
||||
</li>
|
||||
<li class="mx-16 h-0 w-160"></li>
|
||||
<li class="mx-16 h-0 w-160"></li>
|
||||
<li class="mx-16 h-0 w-160"></li>
|
||||
<li class="mx-16 h-0 w-160"></li>
|
||||
<li class="mx-16 h-0 w-160"></li>
|
||||
<li class="mx-16 h-0 w-160"></li>
|
||||
<li class="mx-16 h-0 w-160"></li>
|
||||
<li class="mx-16 h-0 w-160" />
|
||||
<li class="mx-16 h-0 w-160" />
|
||||
<li class="mx-16 h-0 w-160" />
|
||||
<li class="mx-16 h-0 w-160" />
|
||||
<li class="mx-16 h-0 w-160" />
|
||||
<li class="mx-16 h-0 w-160" />
|
||||
<li class="mx-16 h-0 w-160" />
|
||||
</ul>
|
||||
</CommonPage>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user