27 lines
1.1 KiB
TypeScript
27 lines
1.1 KiB
TypeScript
import van from 'vanjs-core'
|
|
import { now } from 'vanjs-router'
|
|
import { GLOBAL_HAS_LOGIN } from './mixin'
|
|
|
|
const { a, div } = van.tags
|
|
|
|
export default () => {
|
|
const classStr = (name: string) => van.derive(() => `text-nowrap nav-link ${now.val.split('/')[0] == name ? 'active' : ''}`)
|
|
|
|
return div({ class: 'hstack gap-4' },
|
|
div({ class: 'fs-4 fw-bold text-nowrap' }, 'Bilidown'),
|
|
div({ class: 'nav nav-underline flex-nowrap overflow-auto' },
|
|
div({ class: 'nav-item', hidden: () => !GLOBAL_HAS_LOGIN.val },
|
|
a({ class: classStr('work'), href: '#/work' }, '视频解析')
|
|
),
|
|
div({ class: 'nav-item', hidden: () => !GLOBAL_HAS_LOGIN.val },
|
|
a({ class: classStr('task'), href: '#/task' }, '任务列表')
|
|
),
|
|
div({ class: 'nav-item', hidden: () => !GLOBAL_HAS_LOGIN.val },
|
|
a({ class: classStr('setting'), href: '#/setting' }, '设置中心')
|
|
),
|
|
div({ class: 'nav-item', hidden: GLOBAL_HAS_LOGIN },
|
|
a({ class: classStr('login'), href: '#/login' }, '扫码登录')
|
|
),
|
|
)
|
|
)
|
|
} |