style: lint fix
This commit is contained in:
parent
526792e22f
commit
eea9fc79f7
@ -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
|
||||||
|
@ -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">
|
||||||
|
@ -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:
|
||||||
|
@ -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 />
|
||||||
|
@ -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>
|
||||||
|
@ -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(`<img src="${item.url}" />`)"
|
@click="copy(`<img src="${item.url}" />`)"
|
||||||
>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" />
|
||||||
|
@ -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
|
||||||
|
@ -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">
|
||||||
|
Loading…
Reference in New Issue
Block a user