style: lint fix

This commit is contained in:
张传龙 2023-06-03 16:38:45 +08:00
parent 526792e22f
commit eea9fc79f7
8 changed files with 44 additions and 31 deletions

View File

@ -7,8 +7,8 @@
target="__blank"
hover="decoration-underline color-primary"
>
大脸怪</a
>
大脸怪
</a>
</p>
<p>
<a

View File

@ -4,28 +4,32 @@
<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>
<n-card title="带 Icon 的按钮">
<n-space>
<n-button type="info">
<TheIcon icon="material-symbols:add" :size="18" class="mr-5" /> 新增
<TheIcon icon="material-symbols:add" :size="18" class="mr-5" />
新增
</n-button>
<n-button type="error">
<TheIcon icon="material-symbols:delete-outline" :size="18" class="mr-5" /> 删除
<TheIcon icon="material-symbols:delete-outline" :size="18" class="mr-5" />
删除
</n-button>
<n-button type="warning">
<TheIcon icon="material-symbols:edit-outline" :size="18" class="mr-5" /> 编辑
<TheIcon icon="material-symbols:edit-outline" :size="18" class="mr-5" />
编辑
</n-button>
<n-button type="primary">
<TheIcon icon="majesticons:eye-line" :size="18" class="mr-5" /> 查看
<TheIcon icon="majesticons:eye-line" :size="18" class="mr-5" />
查看
</n-button>
</n-space>
</n-card>
@ -34,15 +38,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>
<n-card min-w-340 title="确认弹窗 Dialog">
<n-button type="error" @click="handleDelete"> <icon-mi:delete mr-5 />删除</n-button>
<n-button type="error" @click="handleDelete">
<icon-mi:delete mr-5 />
删除
</n-button>
</n-card>
<n-card min-w-340 title="消息提醒 Message">

View File

@ -1,9 +1,10 @@
<template>
<CommonPage show-footer>
<p>
文档<a c-blue hover-decoration-underline href="https://uno.antfu.me/" target="_blank"
>https://uno.antfu.me/</a
>
文档
<a c-blue hover-decoration-underline href="https://uno.antfu.me/" target="_blank">
https://uno.antfu.me/
</a>
</p>
<p>
playground

View File

@ -9,7 +9,8 @@
placeholder="输入文章标题..."
/>
<n-button type="primary" style="width: 80px" :loading="btnLoading" @click="handleSavePost">
<TheIcon v-if="!btnLoading" icon="line-md:confirm-circle" class="mr-5" :size="18" /> 保存
<TheIcon v-if="!btnLoading" icon="line-md:confirm-circle" class="mr-5" :size="18" />
保存
</n-button>
</div>
<MdEditor v-model="post.content" style="height: calc(100vh - 305px)" dark:bg-dark />

View File

@ -3,10 +3,12 @@
<template #action>
<div>
<n-button type="primary" secondary @click="$table?.handleExport()">
<TheIcon icon="mdi:download" :size="18" class="mr-5" /> 导出
<TheIcon icon="mdi:download" :size="18" class="mr-5" />
导出
</n-button>
<n-button type="primary" class="ml-16" @click="handleAdd">
<TheIcon icon="material-symbols:add" :size="18" class="mr-5" /> 新建文章
<TheIcon icon="material-symbols:add" :size="18" class="mr-5" />
新建文章
</n-button>
</div>
</template>

View File

@ -10,7 +10,7 @@
<n-upload-dragger>
<div class="h-150 f-c-c flex-col">
<TheIcon icon="mdi:upload" size="68" class="mb-12 c-primary" />
<n-text class="text-14 c-gray"> 点击或者拖动文件到该区域来上传 </n-text>
<n-text class="text-14 c-gray">点击或者拖动文件到该区域来上传</n-text>
</div>
</n-upload-dragger>
</n-upload>
@ -23,16 +23,17 @@
<n-image width="200" :src="item.url" />
</div>
<n-space class="mt-16" justify="space-evenly">
<n-button dashed type="primary" @click="copy(item.url)"> url </n-button>
<n-button dashed type="primary" @click="copy(`![${item.fileName}](${item.url})`)"
>MD</n-button
>
<n-button dashed type="primary" @click="copy(item.url)">url</n-button>
<n-button dashed type="primary" @click="copy(`![${item.fileName}](${item.url})`)">
MD
</n-button>
<n-button
dashed
type="primary"
@click="copy(`&lt;img src=&quot;${item.url}&quot; /&gt;`)"
>img</n-button
>
img
</n-button>
</n-space>
</n-card>
<div v-for="i in 4" :key="i" class="w-280" />

View File

@ -11,7 +11,8 @@
<div w-320 flex-col px-20 py-35>
<h5 f-c-c text-24 font-normal color="#6a6a6a">
<icon-custom-logo mr-10 text-50 color-primary />{{ title }}
<icon-custom-logo mr-10 text-50 color-primary />
{{ title }}
</h5>
<div mt-30>
<n-input

View File

@ -10,7 +10,7 @@
</div>
<div ml-auto flex items-center>
<n-statistic label="待办" :value="4">
<template #suffix> / 10 </template>
<template #suffix>/ 10</template>
</n-statistic>
<n-statistic label="Stars" ml-80 w-100>
<a href="https://github.com/zclzone/vue-naive-admin">