kana-bbs/pages/user/_id.vue

52 lines
978 B
Vue
Raw Normal View History

2022-01-30 17:37:25 +08:00
<template lang="pug">
.user
.header
img.avatar(:src="user.avatar")
h1
span.name {{ user.name }}
2022-02-24 16:45:45 +08:00
span.admin(v-if="user.gid === 1")
i.fas.fa-user-shield
2022-01-30 17:37:25 +08:00
.content
2022-02-24 16:45:45 +08:00
ModelBoxNone
p 没有公开的资源..
//p {{ user }}
2022-01-30 17:37:25 +08:00
</template>
<script>
export default {
asyncData({ $axios, params }) {
return $axios.get(`/api/user/${params.id}`).then((res) => {
return { user: res.data };
});
},
};
</script>
<style lang="sass">
.user
>.header
background: rgba(0, 0, 0, .5)
height: 200px
margin: 0
padding: 4rem
text-align: center
.avatar
height: 64px
width: 64px
border-radius: 50%
background-color: #ffffff
overflow: hidden
.name
color: #ffffff
2022-02-24 16:45:45 +08:00
.admin
margin: 0 .5rem
font-size: 1.2rem
color: #ffffff
background: #ff9988
border-radius: .25rem
//padding: 0 .5rem
>.content
padding: 4rem
text-align: center
2022-01-30 17:37:25 +08:00
</style>