mirror of
https://github.com/EstrellaXD/Auto_Bangumi.git
synced 2026-10-28 19:25:55 +08:00
4bcc6443fd
- 25 张截图按 4.0 界面重拍（1280x800）：中文站用 zh-CN 界面，en/ja 站用 docs/public/image/en/ 下的英文界面 - 首页预览图按站点语言切换 - 新增下载器页、插件市场、插件配置、插件设置 4 张截图 - 修正文档：插件目录在插件市场页；API 令牌在用户与访问控制中管理（security.login_tokens/mcp_tokens 为启动时导入的旧项）；默认搜索源含 anibt
54 lines
1001 B
Vue
54 lines
1001 B
Vue
<script setup lang="ts">
|
||
import { useData } from 'vitepress'
|
||
|
||
// WebUI 只有中英文：中文站用中文截图，en/ja 站用英文截图
|
||
const { lang } = useData()
|
||
</script>
|
||
|
||
<template>
|
||
<div class="container">
|
||
<img
|
||
:src="lang === 'zh-CN' ? '/image/preview/window.png' : '/image/en/preview/window.png'"
|
||
alt="AutoBangumi WebUI Preview"
|
||
class="webui-preview"
|
||
data-zoomable
|
||
/>
|
||
</div>
|
||
</template>
|
||
|
||
<style scoped>
|
||
|
||
.container {
|
||
display: flex;
|
||
justify-content: center;
|
||
margin: 0 auto;
|
||
padding-inline: 24px;
|
||
padding-block: 60px 20px;
|
||
/**
|
||
* same as VPHero.vue
|
||
* https://github.com/vuejs/vitepress/blob/v1.0.0-beta.5/src/client/theme-default/components/VPHero.vue#L83
|
||
*/
|
||
max-width: 1280px;
|
||
}
|
||
|
||
@media (min-width: 640px) {
|
||
.container {
|
||
padding-inline: 48px;
|
||
}
|
||
}
|
||
|
||
@media (min-width: 960px) {
|
||
.container {
|
||
padding-inline: 64px;
|
||
}
|
||
}
|
||
|
||
.webui-preview {
|
||
width: 100%;
|
||
height: auto;
|
||
border-radius: 10px;
|
||
|
||
box-shadow: none;
|
||
}
|
||
|
||
</style> |