|
|
|
|
/*
|
|
|
|
|
* 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)]),
|
|
|
|
|
])
|
|
|
|
|
])
|
|
|
|
|
])
|
