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
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,7 +3,7 @@
<div w-350>
<n-input v-model:value="inputVal" />
<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>
</CommonPage>
</template>

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

@@ -1,7 +1,7 @@
<template>
<CommonPage show-footer>
<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
>
</p>
@@ -12,57 +12,57 @@
</a>
</p>
<div f-c-c flex-col mt-20 w-350>
<div flex flex-wrap justify-around p-10 rounded-10 b-1 bc-ccc>
<div w-50 h-50 b-1 rounded-5 f-c-c p-10 m-20>
<span w-6 h-6 rounded-3 bg-black dark:bg-white />
<div mt-20 w-350 f-c-c flex-col>
<div flex flex-wrap justify-around b-1 rounded-10 p-10 bc-ccc>
<div m-20 h-50 w-50 f-c-c b-1 rounded-5 p-10>
<span h-6 w-6 rounded-3 bg-black dark:bg-white />
</div>
<div w-50 h-50 b-1 rounded-5 flex justify-between p-10 m-20>
<span w-6 h-6 rounded-3 bg-black dark:bg-white />
<span w-6 h-6 rounded-3 bg-black dark:bg-white self-end />
<div m-20 h-50 w-50 flex justify-between b-1 rounded-5 p-10>
<span h-6 w-6 rounded-3 bg-black dark:bg-white />
<span h-6 w-6 self-end rounded-3 bg-black dark:bg-white />
</div>
<div w-50 h-50 b-1 rounded-5 flex justify-between p-10 m-20>
<span w-6 h-6 rounded-3 bg-black dark:bg-white />
<span w-6 h-6 rounded-3 bg-black dark:bg-white self-center />
<span w-6 h-6 rounded-3 bg-black dark:bg-white self-end />
<div m-20 h-50 w-50 flex justify-between b-1 rounded-5 p-10>
<span h-6 w-6 rounded-3 bg-black dark:bg-white />
<span h-6 w-6 self-center rounded-3 bg-black dark:bg-white />
<span h-6 w-6 self-end rounded-3 bg-black dark:bg-white />
</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>
<span w-6 h-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 />
<span h-6 w-6 rounded-3 bg-black dark:bg-white />
</div>
<div flex-col justify-between>
<span w-6 h-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 />
<span h-6 w-6 rounded-3 bg-black dark:bg-white />
</div>
</div>
<div w-50 h-50 b-1 rounded-5 flex-col justify-between items-center p-10 m-20>
<div flex w-full justify-between>
<span w-6 h-6 rounded-3 bg-black dark:bg-white />
<span w-6 h-6 rounded-3 bg-black dark:bg-white />
<div m-20 h-50 w-50 flex-col items-center justify-between b-1 rounded-5 p-10>
<div w-full flex justify-between>
<span h-6 w-6 rounded-3 bg-black dark:bg-white />
<span h-6 w-6 rounded-3 bg-black dark:bg-white />
</div>
<div w-6 h-6 rounded-3 bg-black dark:bg-white />
<div flex w-full justify-between>
<span w-6 h-6 rounded-3 bg-black dark:bg-white />
<span w-6 h-6 rounded-3 bg-black dark:bg-white />
<div h-6 w-6 rounded-3 bg-black dark:bg-white />
<div w-full flex justify-between>
<span h-6 w-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-col justify-between p-10 m-20>
<div flex w-full justify-between>
<span w-6 h-6 rounded-3 bg-black dark:bg-white />
<span w-6 h-6 rounded-3 bg-black dark:bg-white />
<div m-20 h-50 w-50 flex-col justify-between b-1 rounded-5 p-10>
<div w-full flex justify-between>
<span h-6 w-6 rounded-3 bg-black dark:bg-white />
<span h-6 w-6 rounded-3 bg-black dark:bg-white />
</div>
<div flex w-full justify-between>
<span w-6 h-6 rounded-3 bg-black dark:bg-white />
<span w-6 h-6 rounded-3 bg-black dark:bg-white />
<div w-full flex justify-between>
<span h-6 w-6 rounded-3 bg-black dark:bg-white />
<span h-6 w-6 rounded-3 bg-black dark:bg-white />
</div>
<div flex w-full justify-between>
<span w-6 h-6 rounded-3 bg-black dark:bg-white />
<span w-6 h-6 rounded-3 bg-black dark:bg-white />
<div w-full flex justify-between>
<span h-6 w-6 rounded-3 bg-black dark:bg-white />
<span h-6 w-6 rounded-3 bg-black dark:bg-white />
</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>
</CommonPage>
</template>

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

@@ -1,9 +1,9 @@
<template>
<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
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
type="text"
placeholder="输入文章标题..."

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

@@ -1,14 +1,14 @@
<template>
<CommonPage>
<n-upload
class="p-20 text-center w-[75%] mx-auto"
class="mx-auto w-[75%] p-20 text-center"
:custom-request="handleUpload"
:show-file-list="false"
accept=".png,.jpg,.jpeg"
@before-upload="onBeforeUpload"
>
<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" />
<n-text class="text-14 c-gray"> 点击或者拖动文件到该区域来上传 </n-text>
</div>

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

@@ -2,10 +2,10 @@
<AppPage :show-footer="true" bg-cover :style="{ backgroundImage: `url(${bgImg})` }">
<div
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
>
<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" />
</div>
@@ -17,7 +17,7 @@
<n-input
v-model:value="loginInfo.name"
autofocus
class="text-16 items-center h-50 pl-10"
class="h-50 items-center pl-10 text-16"
placeholder="admin"
:maxlength="20"
/>
@@ -25,7 +25,7 @@
<div mt-30>
<n-input
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"
show-password-on="mousedown"
placeholder="123456"
@@ -44,8 +44,8 @@
<div mt-20>
<n-button
w-full
h-50
w-full
rounded-5
text-16
type="primary"

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

@@ -12,12 +12,12 @@
<n-statistic label="待办" :value="4">
<template #suffix> / 10 </template>
</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">
<img allt="stars" src="https://badgen.net/github/stars/zclzone/vue-naive-admin" />
</a>
</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">
<img allt="forks" src="https://badgen.net/github/forks/zclzone/vue-naive-admin" />
</a>
@@ -34,17 +34,17 @@
<n-card
v-for="i in 10"
: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
title="Vue Naive Admin"
size="small"
>
<p op-60>一个基于 Vue3.0、Vite、Naive UI 的轻量级后台管理模板</p>
</n-card>
<div w-300 h-0></div>
<div w-300 h-0></div>
<div w-300 h-0></div>
<div w-300 h-0></div>
<div h-0 w-300></div>
<div h-0 w-300></div>
<div h-0 w-300></div>
<div h-0 w-300></div>
</div>
</n-card>
</div>