fix: 一些基本功能
This commit is contained in:
@@ -39,13 +39,13 @@ defineEmits(['click']);
|
||||
'pb-4': index > 2,
|
||||
}"
|
||||
class="border-border group w-full cursor-pointer border-r border-t p-4 transition-all hover:shadow-xl md:w-1/2 lg:w-1/3"
|
||||
@click="$emit('click', item)"
|
||||
>
|
||||
<div class="flex items-center">
|
||||
<VbenIcon
|
||||
:color="item.color"
|
||||
:icon="item.icon"
|
||||
class="size-8 transition-all duration-300 group-hover:scale-110"
|
||||
@click="$emit('click', item)"
|
||||
/>
|
||||
<span class="ml-4 text-lg font-medium">{{ item.title }}</span>
|
||||
</div>
|
||||
|
||||
@@ -7,7 +7,7 @@ interface FallbackProps {
|
||||
* @zh_CN 首页路由地址
|
||||
* @default /
|
||||
*/
|
||||
homePath?: string;
|
||||
home_path?: string;
|
||||
/**
|
||||
* @zh_CN 默认显示的图片
|
||||
* @default pageNotFoundSvg
|
||||
|
||||
@@ -16,7 +16,7 @@ defineOptions({
|
||||
|
||||
const props = withDefaults(defineProps<Props>(), {
|
||||
description: '',
|
||||
homePath: '/',
|
||||
home_path: '/',
|
||||
image: '',
|
||||
showBack: true,
|
||||
status: 'coming-soon',
|
||||
@@ -118,7 +118,7 @@ const { push } = useRouter();
|
||||
|
||||
// 返回首页
|
||||
function back() {
|
||||
push(props.homePath);
|
||||
push(props.home_path);
|
||||
}
|
||||
|
||||
function refresh() {
|
||||
|
||||
@@ -14,6 +14,7 @@ interface Props {
|
||||
pageTitle?: string;
|
||||
pageDescription?: string;
|
||||
sloganImage?: string;
|
||||
version?: string;
|
||||
toolbar?: boolean;
|
||||
copyright?: boolean;
|
||||
toolbarList?: ToolbarType[];
|
||||
@@ -26,6 +27,7 @@ withDefaults(defineProps<Props>(), {
|
||||
pageDescription: '',
|
||||
pageTitle: '',
|
||||
sloganImage: '',
|
||||
version: '',
|
||||
toolbar: true,
|
||||
toolbarList: () => ['color', 'language', 'layout', 'theme'],
|
||||
});
|
||||
@@ -66,8 +68,11 @@ const { authPanelCenter, authPanelLeft, authPanelRight, isDark } =
|
||||
class="text-foreground lg:text-foreground ml-4 mt-4 flex flex-1 items-center sm:left-6 sm:top-6"
|
||||
>
|
||||
<img v-if="logo" :alt="appName" :src="logo" class="mr-2" width="42" />
|
||||
<p v-if="appName" class="text-xl font-medium">
|
||||
<p v-if="appName" class="app-version text-xl font-medium">
|
||||
{{ appName }}
|
||||
<b>
|
||||
<i>V {{ version }}</i>
|
||||
</b>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -141,6 +146,11 @@ const { authPanelCenter, authPanelLeft, authPanelRight, isDark } =
|
||||
);
|
||||
filter: blur(100px);
|
||||
}
|
||||
.app-version {
|
||||
background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.dark {
|
||||
.login-background {
|
||||
@@ -152,5 +162,10 @@ const { authPanelCenter, authPanelLeft, authPanelRight, isDark } =
|
||||
);
|
||||
filter: blur(100px);
|
||||
}
|
||||
.app-version {
|
||||
background: linear-gradient(135deg, #cd853f 0%, #ff6347 100%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -291,6 +291,7 @@ const headerSlots = computed(() => {
|
||||
v-if="preferences.logo.enable"
|
||||
:text="preferences.app.name"
|
||||
:theme="theme"
|
||||
:version="preferences.app.version"
|
||||
/>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -38,7 +38,7 @@ interface HttpResponse<T = any> {
|
||||
* 0 means success, others means fail
|
||||
*/
|
||||
code: number;
|
||||
data: T;
|
||||
result: T;
|
||||
message: string;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user