go-pkg/wireguard-dashboard-admin
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 5 Wiki Activity

style: lint fix

Browse Source
This commit is contained in:
张传龙 2023-05-08 14:15:03 +08:00
parent e84dd01365
commit 386d9ec27a
14 changed files with 67 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/common/AppFooter.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<footer text-14 f-c-c flex-col color="#6a6a6a"> <footer f-c-c flex-col text-14 color="#6a6a6a">
<p> <p>
Copyright©2022 Copyright©2022
<a <a

2
src/components/page/AppPage.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<transition name="fade-slide" mode="out-in" appear> <transition name="fade-slide" mode="out-in" appear>
<section class="cus-scroll-y wh-full p-15 flex-col bg-[#f5f6fb] dark:bg-hex-121212"> <section class="cus-scroll-y wh-full flex-col bg-[#f5f6fb] p-15 dark:bg-hex-121212">
<slot /> <slot />
<AppFooter v-if="showFooter" mt-15 /> <AppFooter v-if="showFooter" mt-15 />
<n-back-top :bottom="20" /> <n-back-top :bottom="20" />

4
src/components/page/CommonPage.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<AppPage :show-footer="showFooter"> <AppPage :show-footer="showFooter">
<header v-if="showHeader" px-15 mb-15 min-h-45 flex justify-between items-center> <header v-if="showHeader" mb-15 min-h-45 flex items-center justify-between px-15>
<slot v-if="$slots.header" name="header" /> <slot v-if="$slots.header" name="header" />
<template v-else> <template v-else>
<h2 text-22 font-normal text-hex-333 dark:text-hex-ccc>{{ title || route.meta?.title }}</h2> <h2 text-22 font-normal text-hex-333 dark:text-hex-ccc>{{ title || route.meta?.title }}</h2>
@ -8,7 +8,7 @@
</template> </template>
</header> </header>
<n-card rounded-10 flex-1> <n-card flex-1 rounded-10>
<slot /> <slot />
</n-card> </n-card>
</AppPage> </AppPage>

6
src/components/query-bar/QueryBar.vue
View File

@ -1,14 +1,14 @@
<template> <template>
<div <div
bg="#fafafc"
min-h-60 min-h-60
p-15
flex flex
items-start items-start
justify-between justify-between
b-1 b-1
bc-ccc
rounded-8 rounded-8
bg="#fafafc" p-15
bc-ccc
dark:bg-black dark:bg-black
> >
<n-space wrap :size="[35, 15]"> <n-space wrap :size="[35, 15]">

4
src/layout/components/header/components/UserAvatar.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<n-dropdown :options="options" @select="handleSelect"> <n-dropdown :options="options" @select="handleSelect">
<div flex items-center cursor-pointer> <div flex cursor-pointer items-center>
<img :src="userStore.avatar" mr10 w-35 h-35 rounded-full /> <img :src="userStore.avatar" mr10 h-35 w-35 rounded-full />
<span>{{ userStore.name }}</span> <span>{{ userStore.name }}</span>
</div> </div>
</n-dropdown> </n-dropdown>

2
src/layout/components/sidebar/components/SideLogo.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<router-link h-60 f-c-c to="/"> <router-link h-60 f-c-c to="/">
<icon-custom-logo text-36 color-primary></icon-custom-logo> <icon-custom-logo text-36 color-primary></icon-custom-logo>
<h2 v-show="!appStore.collapsed" ml-10 color-primary text-16 font-bold max-w-140 flex-shrink-0> <h2 v-show="!appStore.collapsed" ml-10 max-w-140 flex-shrink-0 text-16 font-bold color-primary>
{{ title }} {{ title }}
</h2> </h2>
</router-link> </router-link>

2
src/layout/components/tags/index.vue
View File

@ -4,7 +4,7 @@
v-for="tag in tagsStore.tags" v-for="tag in tagsStore.tags"
ref="tabRefs" ref="tabRefs"
:key="tag.path" :key="tag.path"
class="px-15 mx-5 rounded-4 cursor-pointer hover:color-primary" class="mx-5 cursor-pointer rounded-4 px-15 hover:color-primary"
:type="tagsStore.activeTag === tag.path ? 'primary' : 'default'" :type="tagsStore.activeTag === tag.path ? 'primary' : 'default'"
:closable="tagsStore.tags.length > 1" :closable="tagsStore.tags.length > 1"
@click="handleTagClick(tag.path)" @click="handleTagClick(tag.path)"

6
src/layout/index.vue
View File

@ -11,15 +11,15 @@
<SideBar /> <SideBar />
</n-layout-sider> </n-layout-sider>
<article flex-1 flex-col overflow-hidden> <article flex-col flex-1 overflow-hidden>
<header <header
class="bg-white px-15 border-b bc-eee flex items-center" class="flex items-center border-b bg-white px-15 bc-eee"
dark="bg-dark border-0" dark="bg-dark border-0"
:style="`height: ${header.height}px`" :style="`height: ${header.height}px`"
> >
<AppHeader /> <AppHeader />
</header> </header>
<section v-if="tags.visible" border-b bc-eee dark:border-0 hidden sm:block> <section v-if="tags.visible" hidden border-b bc-eee sm:block dark:border-0>
<AppTags :style="{ height: `${tags.height}px` }" /> <AppTags :style="{ height: `${tags.height}px` }" />
</section> </section>
<section flex-1 overflow-hidden bg-hex-f5f6fb dark:bg-hex-101014> <section flex-1 overflow-hidden bg-hex-f5f6fb dark:bg-hex-101014>

2
src/views/demo/base/keep-alive/index.vue
View File

@ -3,7 +3,7 @@
<div w-350> <div w-350>
<n-input v-model:value="inputVal" /> <n-input v-model:value="inputVal" />
<n-input-number v-model:value="number" mt-30 /> <n-input-number v-model:value="number" mt-30 />
<p mt-20 text-center color-gray text-14>注：右击标签重新加载可重置keep-alive</p> <p mt-20 text-center text-14 color-gray>注：右击标签重新加载可重置keep-alive</p>
</div> </div>
</CommonPage> </CommonPage>
</template> </template>

72
src/views/demo/base/unocss/index.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<CommonPage show-footer> <CommonPage show-footer>
<p> <p>
文档：<a hover-decoration-underline c-blue href="https://uno.antfu.me/" target="_blank" 文档：<a c-blue hover-decoration-underline href="https://uno.antfu.me/" target="_blank"
>https://uno.antfu.me/</a >https://uno.antfu.me/</a
> >
</p> </p>
@ -12,57 +12,57 @@
</a> </a>
</p> </p>
<div f-c-c flex-col mt-20 w-350> <div mt-20 w-350 f-c-c flex-col>
<div flex flex-wrap justify-around p-10 rounded-10 b-1 bc-ccc> <div flex flex-wrap justify-around b-1 rounded-10 p-10 bc-ccc>
<div w-50 h-50 b-1 rounded-5 f-c-c p-10 m-20> <div m-20 h-50 w-50 f-c-c b-1 rounded-5 p-10>
<span w-6 h-6 rounded-3 bg-black dark:bg-white /> <span h-6 w-6 rounded-3 bg-black dark:bg-white />
</div> </div>
<div w-50 h-50 b-1 rounded-5 flex justify-between p-10 m-20> <div m-20 h-50 w-50 flex justify-between b-1 rounded-5 p-10>
<span w-6 h-6 rounded-3 bg-black dark:bg-white /> <span h-6 w-6 rounded-3 bg-black dark:bg-white />
<span w-6 h-6 rounded-3 bg-black dark:bg-white self-end /> <span h-6 w-6 self-end rounded-3 bg-black dark:bg-white />
</div> </div>
<div w-50 h-50 b-1 rounded-5 flex justify-between p-10 m-20> <div m-20 h-50 w-50 flex justify-between b-1 rounded-5 p-10>
<span w-6 h-6 rounded-3 bg-black dark:bg-white /> <span h-6 w-6 rounded-3 bg-black dark:bg-white />
<span w-6 h-6 rounded-3 bg-black dark:bg-white self-center /> <span h-6 w-6 self-center rounded-3 bg-black dark:bg-white />
<span w-6 h-6 rounded-3 bg-black dark:bg-white self-end /> <span h-6 w-6 self-end rounded-3 bg-black dark:bg-white />
</div> </div>
<div w-50 h-50 b-1 rounded-5 flex justify-between p-10 m-20> <div m-20 h-50 w-50 flex justify-between b-1 rounded-5 p-10>
<div flex-col justify-between> <div flex-col justify-between>
<span w-6 h-6 rounded-3 bg-black dark:bg-white /> <span h-6 w-6 rounded-3 bg-black dark:bg-white />
<span w-6 h-6 rounded-3 bg-black dark:bg-white /> <span h-6 w-6 rounded-3 bg-black dark:bg-white />
</div> </div>
<div flex-col justify-between> <div flex-col justify-between>
<span w-6 h-6 rounded-3 bg-black dark:bg-white /> <span h-6 w-6 rounded-3 bg-black dark:bg-white />
<span w-6 h-6 rounded-3 bg-black dark:bg-white /> <span h-6 w-6 rounded-3 bg-black dark:bg-white />
</div> </div>
</div> </div>
<div w-50 h-50 b-1 rounded-5 flex-col justify-between items-center p-10 m-20> <div m-20 h-50 w-50 flex-col items-center justify-between b-1 rounded-5 p-10>
<div flex w-full justify-between> <div w-full flex justify-between>
<span w-6 h-6 rounded-3 bg-black dark:bg-white /> <span h-6 w-6 rounded-3 bg-black dark:bg-white />
<span w-6 h-6 rounded-3 bg-black dark:bg-white /> <span h-6 w-6 rounded-3 bg-black dark:bg-white />
</div> </div>
<div w-6 h-6 rounded-3 bg-black dark:bg-white /> <div h-6 w-6 rounded-3 bg-black dark:bg-white />
<div flex w-full justify-between> <div w-full flex justify-between>
<span w-6 h-6 rounded-3 bg-black dark:bg-white /> <span h-6 w-6 rounded-3 bg-black dark:bg-white />
<span w-6 h-6 rounded-3 bg-black dark:bg-white /> <span h-6 w-6 rounded-3 bg-black dark:bg-white />
</div> </div>
</div> </div>
<div w-50 h-50 b-1 rounded-5 flex-col justify-between p-10 m-20> <div m-20 h-50 w-50 flex-col justify-between b-1 rounded-5 p-10>
<div flex w-full justify-between> <div w-full flex justify-between>
<span w-6 h-6 rounded-3 bg-black dark:bg-white /> <span h-6 w-6 rounded-3 bg-black dark:bg-white />
<span w-6 h-6 rounded-3 bg-black dark:bg-white /> <span h-6 w-6 rounded-3 bg-black dark:bg-white />
</div> </div>
<div flex w-full justify-between> <div w-full flex justify-between>
<span w-6 h-6 rounded-3 bg-black dark:bg-white /> <span h-6 w-6 rounded-3 bg-black dark:bg-white />
<span w-6 h-6 rounded-3 bg-black dark:bg-white /> <span h-6 w-6 rounded-3 bg-black dark:bg-white />
</div> </div>
<div flex w-full justify-between> <div w-full flex justify-between>
<span w-6 h-6 rounded-3 bg-black dark:bg-white /> <span h-6 w-6 rounded-3 bg-black dark:bg-white />
<span w-6 h-6 rounded-3 bg-black dark:bg-white /> <span h-6 w-6 rounded-3 bg-black dark:bg-white />
</div> </div>
</div> </div>
</div> </div>
<h2 font-normal text-14 mt-10 color-gray>Flex 骰子</h2> <h2 mt-10 text-14 font-normal color-gray>Flex 骰子</h2>
</div> </div>
</CommonPage> </CommonPage>
</template> </template>

4
src/views/demo/editor/md-editor.vue
View File

@ -1,9 +1,9 @@
<template> <template>
<CommonPage> <CommonPage>
<div h-60 pl-20 pr-20 flex items-center bg-white dark:bg-dark> <div h-60 flex items-center bg-white pl-20 pr-20 dark:bg-dark>
<input <input
v-model="post.title" v-model="post.title"
class="flex-1 pt-15 pb-15 mr-20 text-20 font-bold color-primary" class="mr-20 flex-1 pb-15 pt-15 text-20 font-bold color-primary"
dark:bg-dark dark:bg-dark
type="text" type="text"
placeholder="输入文章标题..." placeholder="输入文章标题..."

4
src/views/demo/upload/index.vue
View File

@ -1,14 +1,14 @@
<template> <template>
<CommonPage> <CommonPage>
<n-upload <n-upload
class="p-20 text-center w-[75%] mx-auto" class="mx-auto w-[75%] p-20 text-center"
:custom-request="handleUpload" :custom-request="handleUpload"
:show-file-list="false" :show-file-list="false"
accept=".png,.jpg,.jpeg" accept=".png,.jpg,.jpeg"
@before-upload="onBeforeUpload" @before-upload="onBeforeUpload"
> >
<n-upload-dragger> <n-upload-dragger>
<div class="f-c-c flex-col h-150"> <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>

10
src/views/login/index.vue
View File

@ -2,10 +2,10 @@
<AppPage :show-footer="true" bg-cover :style="{ backgroundImage: `url(${bgImg})` }"> <AppPage :show-footer="true" bg-cover :style="{ backgroundImage: `url(${bgImg})` }">
<div <div
style="transform: translateY(25px)" style="transform: translateY(25px)"
class="m-auto p-15 f-c-c min-w-345 max-w-700 rounded-10 card-shadow bg-white bg-opacity-60" class="m-auto max-w-700 min-w-345 f-c-c rounded-10 bg-white bg-opacity-60 p-15 card-shadow"
dark:bg-dark dark:bg-dark
> >
<div w-380 hidden md:block px-20 py-35> <div hidden w-380 px-20 py-35 md:block>
<img src="@/assets/images/login_banner.webp" w-full alt="login_banner" /> <img src="@/assets/images/login_banner.webp" w-full alt="login_banner" />
</div> </div>
@ -17,7 +17,7 @@
<n-input <n-input
v-model:value="loginInfo.name" v-model:value="loginInfo.name"
autofocus autofocus
class="text-16 items-center h-50 pl-10" class="h-50 items-center pl-10 text-16"
placeholder="admin" placeholder="admin"
:maxlength="20" :maxlength="20"
/> />
@ -25,7 +25,7 @@
<div mt-30> <div mt-30>
<n-input <n-input
v-model:value="loginInfo.password" v-model:value="loginInfo.password"
class="text-16 items-center h-50 pl-10" class="h-50 items-center pl-10 text-16"
type="password" type="password"
show-password-on="mousedown" show-password-on="mousedown"
placeholder="123456" placeholder="123456"
@ -44,8 +44,8 @@
<div mt-20> <div mt-20>
<n-button <n-button
w-full
h-50 h-50
w-full
rounded-5 rounded-5
text-16 text-16
type="primary" type="primary"

14
src/views/workbench/index.vue
View File

@ -12,12 +12,12 @@
<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" w-100 ml-80> <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">
<img allt="stars" src="https://badgen.net/github/stars/zclzone/vue-naive-admin" /> <img allt="stars" src="https://badgen.net/github/stars/zclzone/vue-naive-admin" />
</a> </a>
</n-statistic> </n-statistic>
<n-statistic label="Forks" w-100 ml-80> <n-statistic label="Forks" ml-80 w-100>
<a href="https://github.com/zclzone/vue-naive-admin"> <a href="https://github.com/zclzone/vue-naive-admin">
<img allt="forks" src="https://badgen.net/github/forks/zclzone/vue-naive-admin" /> <img allt="forks" src="https://badgen.net/github/forks/zclzone/vue-naive-admin" />
</a> </a>
@ -34,17 +34,17 @@
<n-card <n-card
v-for="i in 10" v-for="i in 10"
:key="i" :key="i"
class="w-300 flex-shrink-0 mt-10 mb-10 cursor-pointer" class="mb-10 mt-10 w-300 flex-shrink-0 cursor-pointer"
hover:card-shadow hover:card-shadow
title="Vue Naive Admin" title="Vue Naive Admin"
size="small" size="small"
> >
<p op-60>一个基于 Vue3.0、Vite、Naive UI 的轻量级后台管理模板</p> <p op-60>一个基于 Vue3.0、Vite、Naive UI 的轻量级后台管理模板</p>
</n-card> </n-card>
<div w-300 h-0></div> <div h-0 w-300></div>
<div w-300 h-0></div> <div h-0 w-300></div>
<div w-300 h-0></div> <div h-0 w-300></div>
<div w-300 h-0></div> <div h-0 w-300></div>
</div> </div>
</n-card> </n-card>
</div> </div>