You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
OneAuth/oaer/lib/components/account.ts

34 lines
1.1 KiB
TypeScript

/*
* account.ts
* Copyright (C) 2024 veypi <i@veypi.com>
* 2024-10-22 22:07
* Distributed under terms of the GPL license.
*/
import { v } from '../v2dom'
import logic from '../logic'
export default v('voa-account voa-item', [
v('voa-account-header voa-item-header', [
v({
class: 'voa-item-title',
children: ['我的账户'],
onclick: () => {
logic.goto('/user')
}
}),
v('vflex-grow'),
v('a', '🙍', { href: logic.urlwarp('/user') }),
v('a', '⚙️', { href: logic.urlwarp('/setting') }),
]
),
v('voa-account-body voa-item-body', [
v('voa-ab-ico', [v({ typ: 'img', attrs: { 'src': () => `${logic.urlwarp(logic.user.icon)}` } })]),
v('voa-ab-info', [
v('voa-abi-1', [v('span', '昵称:'), v('span', () => logic.user.nickname)]),
v('voa-abi-2', [v('span', '账户:'), v('span', () => logic.user.username)]),
v('voa-abi-3', [v('span', '邮箱:'), v('span', () => logic.user.email)]),
v('voa-abi-4', [v('span', '手机:'), v('span', () => logic.user.phone)]),
])
])
])