2c5faf30
 梁灏
init Avatar compo...
|
1
|
<template>
|
|
a1530fac
梁灏
update Avatar
|
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<div>
<Avatar icon="person" size="large" style="background-color: #fde3cf;color: #f56a00"></Avatar>
<Avatar icon="person"></Avatar>
<Avatar icon="person" size="small"></Avatar>
<Avatar icon="person" size="large" shape="square"></Avatar>
<Avatar icon="person" shape="square"></Avatar>
<Avatar icon="person" size="small" shape="square"></Avatar>
<br><br>
<Avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" size="large"></Avatar>
<Avatar src="https://avatars2.githubusercontent.com/u/5370542?v=4&s=460"></Avatar>
<Avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" size="small"></Avatar>
<Avatar src="https://avatars2.githubusercontent.com/u/5370542?v=4&s=460" size="large" shape="square"></Avatar>
<Avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" shape="square"></Avatar>
<Avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" size="small" shape="square"></Avatar>
<br><br>
|
|
ad225578
梁灏
add Avatar component
|
17
18
19
20
21
22
23
|
<Avatar size="large">Leo</Avatar>
<Avatar size="large">A</Avatar>
<Avatar size="default">A</Avatar>
<Avatar size="small">A</Avatar>
<Avatar size="large">Tomserm</Avatar>
<Avatar size="large">{{ name }}</Avatar>
{{ name }}
|
|
a1530fac
梁灏
update Avatar
|
24
25
26
27
28
29
30
|
<br><br>
<Badge dot>
<Avatar icon="person" shape="square"></Avatar>
</Badge>
<Badge :count="3">
<Avatar icon="person" shape="square"></Avatar>
</Badge>
|
|
ad225578
梁灏
add Avatar component
|
31
|
<Button @click="change">change</Button>
|
|
84a4a95d
梁灏
fixed #1926
|
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
|
<Menu mode="horizontal" :theme="theme1" active-name="1">
<MenuItem name="1">
<Icon type="ios-paper"></Icon>
内容管理
</MenuItem>
<MenuItem name="2">
<Icon type="ios-people"></Icon>
用户管理
</MenuItem>
<Submenu name="3">
<template slot="title">
<Icon type="stats-bars"></Icon>
统计分析
</template>
<MenuGroup title="使用">
<MenuItem name="3-1">新增和启动</MenuItem>
<MenuItem name="3-2">活跃分析</MenuItem>
<MenuItem name="3-3">时段分析</MenuItem>
</MenuGroup>
<MenuGroup title="留存">
<MenuItem name="3-4">用户留存</MenuItem>
<MenuItem name="3-5">流失用户</MenuItem>
</MenuGroup>
</Submenu>
<MenuItem name="4">
<Icon type="settings"></Icon>
综合设置
</MenuItem>
<div>
<Avatar icon="person"></Avatar>
</div>
</Menu>
|
|
a1530fac
梁灏
update Avatar
|
65
|
</div>
|
|
2c5faf30
梁灏
init Avatar compo...
|
66
67
68
|
</template>
<script>
export default {
|
|
ad225578
梁灏
add Avatar component
|
69
70
|
data () {
return {
|
|
84a4a95d
梁灏
fixed #1926
|
71
72
|
name: 'Aresn',
theme1: 'dark'
|
|
ad225578
梁灏
add Avatar component
|
73
74
75
76
77
78
79
|
}
},
methods: {
change () {
this.name = 'Tomserm'
}
}
|
|
2c5faf30
梁灏
init Avatar compo...
|
80
81
|
}
</script>
|
