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

40 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 Base from './base'
export default class extends Base {
doms: { [key: string]: HTMLElement }
main: HTMLElement
constructor() {
super()
this.main = this.build({
class: 'voa-account'
})
let u = {
username: 'asd',
icon: 'https://public.veypi.com/img/avatar/0001.jpg'
}
this.main.innerHTML = `
<div class="voa-account-header">
<div class="vah-1">my account</div>
<div class="vah-2">account center</div>
</div>
<div class="voa-account-body">
<div class="vab-ico">
<img style="" class="" src="${u.icon}" />
</div>
<div class="vab-info">
<div class="vabi-1"><span>昵称:</span> <span>${u.username}</span> </div>
<div class="vabi-2"><span>昵称:</span> <span>${u.username}</span> </div>
<div class="vabi-3"><span>昵称:</span> <span>${u.username}</span> </div>
<div class="vabi-4"><span>昵称:</span> <span>${u.username}</span> </div>
</div>
</div>
`
}
}