1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
| <template>
| <div>
| <div class="us-card">
| <div class="header">基本信息</div>
| <div style="display: flex;align-items: center;padding-top: 8px;">
| <img :src="avatar" style="width: 50px;">
| <div style="padding-left: 8px;">
| <div>{{userName}}</div>
| <div>{{roles}}</div>
| </div>
| </div>
|
|
| </div>
|
| </div>
| </template>
|
| <script>
| import { mapGetters } from 'vuex'
| export default {
| name: 'UserInfo',
| computed: {
| ...mapGetters({
| avatar: 'avatar',
| userName: 'name',
| roles: 'roles'
| })
| }
| }
| </script>
|
| <style rel="stylesheet/scss" lang="scss" scoped>
| .us-card{
| padding: 16px;
| .header{
| background-color: #f8f8f8;
| padding:5px;
| }
| }
| </style>
|
|
