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" target="__blank"
hover="decoration-underline color-primary" hover="decoration-underline color-primary"
> >
大脸怪</a 大脸怪
> </a>
</p> </p>
<p> <p>
<a <a

View File

@ -4,28 +4,32 @@
<n-card title="按钮 Button"> <n-card title="按钮 Button">
<n-space> <n-space>
<n-button>Default</n-button> <n-button>Default</n-button>
<n-button type="tertiary"> Tertiary </n-button> <n-button type="tertiary">Tertiary</n-button>
<n-button type="primary"> Primary </n-button> <n-button type="primary">Primary</n-button>
<n-button type="info"> Info </n-button> <n-button type="info">Info</n-button>
<n-button type="success"> Success </n-button> <n-button type="success">Success</n-button>
<n-button type="warning"> Warning </n-button> <n-button type="warning">Warning</n-button>
<n-button type="error"> Error </n-button> <n-button type="error">Error</n-button>
</n-space> </n-space>
</n-card> </n-card>
<n-card title="带 Icon 的按钮"> <n-card title="带 Icon 的按钮">
<n-space> <n-space>
<n-button type="info"> <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>
<n-button type="error"> <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>
<n-button type="warning"> <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>
<n-button type="primary"> <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-button>
</n-space> </n-space>
</n-card> </n-card>
@ -34,15 +38,18 @@
<n-space size="large" mt-30> <n-space size="large" mt-30>
<n-card min-w-340 title="通知 Notification"> <n-card min-w-340 title="通知 Notification">
<n-space> <n-space>
<n-button @click="notify('info')"> 信息 </n-button> <n-button @click="notify('info')">信息</n-button>
<n-button @click="notify('success')"> 成功 </n-button> <n-button @click="notify('success')">成功</n-button>
<n-button @click="notify('warning')"> 警告 </n-button> <n-button @click="notify('warning')">警告</n-button>
<n-button @click="notify('error')"> 错误 </n-button> <n-button @click="notify('error')">错误</n-button>
</n-space> </n-space>
</n-card> </n-card>
<n-card min-w-340 title="确认弹窗 Dialog"> <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>
<n-card min-w-340 title="消息提醒 Message"> <n-card min-w-340 title="消息提醒 Message">

View File

@ -1,9 +1,10 @@
<template> <template>
<CommonPage show-footer> <CommonPage show-footer>
<p> <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>
<p> <p>
playground playground

View File

@ -9,7 +9,8 @@
placeholder="输入文章标题..." placeholder="输入文章标题..."
/> />
<n-button type="primary" style="width: 80px" :loading="btnLoading" @click="handleSavePost"> <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> </n-button>
</div> </div>
<MdEditor v-model="post.content" style="height: calc(100vh - 305px)" dark:bg-dark /> <MdEditor v-model="post.content" style="height: calc(100vh - 305px)" dark:bg-dark />

View File

@ -3,10 +3,12 @@
<template #action> <template #action>
<div> <div>
<n-button type="primary" secondary @click="$table?.handleExport()"> <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>
<n-button type="primary" class="ml-16" @click="handleAdd"> <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> </n-button>
</div> </div>
</template> </template>

View File

@ -10,7 +10,7 @@
<n-upload-dragger> <n-upload-dragger>
<div class="h-150 f-c-c flex-col"> <div class="h-150 f-c-c flex-col">
<TheIcon icon="mdi:upload" size="68" class="mb-12 c-primary" /> <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> </div>
</n-upload-dragger> </n-upload-dragger>
</n-upload> </n-upload>
@ -23,16 +23,17 @@
<n-image width="200" :src="item.url" /> <n-image width="200" :src="item.url" />
</div> </div>
<n-space class="mt-16" justify="space-evenly"> <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.url)">url</n-button>
<n-button dashed type="primary" @click="copy(`![${item.fileName}](${item.url})`)" <n-button dashed type="primary" @click="copy(`![${item.fileName}](${item.url})`)">
>MD</n-button MD
> </n-button>
<n-button <n-button
dashed dashed
type="primary" type="primary"
@click="copy(`&lt;img src=&quot;${item.url}&quot; /&gt;`)" @click="copy(`&lt;img src=&quot;${item.url}&quot; /&gt;`)"
>img</n-button
> >
img
</n-button>
</n-space> </n-space>
</n-card> </n-card>
<div v-for="i in 4" :key="i" class="w-280" /> <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> <div w-320 flex-col px-20 py-35>
<h5 f-c-c text-24 font-normal color="#6a6a6a"> <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> </h5>
<div mt-30> <div mt-30>
<n-input <n-input

View File

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