2
2
<div class =" lin-container" >
3
3
<div class =" lin-title" >Button 按钮</div >
4
4
<div class =" lin-wrap-ui" >
5
- <el-card style =" margin-bottom :50px ; " >
5
+ <el-card style =" margin-bottom : 50px " >
6
6
<div slot =" header" ><span >基础按钮</span ></div >
7
7
<el-row >
8
8
<el-button >默认按钮</el-button >
14
14
15
15
<el-collapse >
16
16
<el-collapse-item title =" 查看代码" name =" 2" >
17
- <div style =" white-space : pre-wrap ; " >{{ primary }}</div >
17
+ <div style =" white-space : pre-wrap " >{{ primary }}</div >
18
18
</el-collapse-item >
19
19
</el-collapse >
20
20
</el-card >
21
21
22
- <el-card style =" margin-bottom :50px ; " >
22
+ <el-card style =" margin-bottom : 50px " >
23
23
<div slot =" header" ><span >朴素按钮</span ></div >
24
24
<el-row >
25
25
<el-button plain >朴素按钮</el-button >
28
28
<el-button type =" warning" plain >警告按钮</el-button >
29
29
<el-button type =" danger" plain >危险按钮</el-button >
30
30
</el-row >
31
- <el-collapse class =" test" style =" color :red ; " >
31
+ <el-collapse class =" test" style =" color : red " >
32
32
<el-collapse-item title =" 查看代码" name =" 2" >
33
- <div style =" white-space : pre-wrap ; " >{{ plain }}</div >
33
+ <div style =" white-space : pre-wrap " >{{ plain }}</div >
34
34
</el-collapse-item >
35
35
</el-collapse >
36
36
</el-card >
37
37
38
- <el-card style =" margin-bottom :50px ; " >
38
+ <el-card style =" margin-bottom : 50px " >
39
39
<div slot =" header" ><span >圆形按钮</span ></div >
40
40
<el-row >
41
41
<el-button icon =" el-icon-search" circle ></el-button >
51
51
</el-row >
52
52
<el-collapse >
53
53
<el-collapse-item title =" 查看代码" name =" 2" >
54
- <div style =" white-space : pre-wrap ; " >{{ circle }}</div >
54
+ <div style =" white-space : pre-wrap " >{{ circle }}</div >
55
55
</el-collapse-item >
56
56
</el-collapse >
57
57
</el-card >
58
58
59
- <el-card style =" margin-bottom :50px ; " >
59
+ <el-card style =" margin-bottom : 50px " >
60
60
<div slot =" header" ><span >禁用状态</span ></div >
61
- <el-row style =" margin-bottom :10px ; " >
61
+ <el-row style =" margin-bottom : 10px " >
62
62
<el-button disabled >默认按钮</el-button >
63
63
<el-button type =" primary" disabled >主要按钮</el-button >
64
64
<el-button type =" success" disabled >成功按钮</el-button >
75
75
</el-row >
76
76
<el-collapse >
77
77
<el-collapse-item title =" 查看代码" name =" 2" >
78
- <div style =" white-space : pre-wrap ; " >{{ disabled }}</div >
78
+ <div style =" white-space : pre-wrap " >{{ disabled }}</div >
79
79
</el-collapse-item >
80
80
</el-collapse >
81
81
</el-card >
82
82
83
- <el-card style =" margin-bottom :50px ; " >
83
+ <el-card style =" margin-bottom : 50px " >
84
84
<div slot =" header" ><span >图标按钮</span ></div >
85
85
<el-button type =" primary" icon =" el-icon-edit" ></el-button >
86
86
<el-button type =" primary" icon =" el-icon-share" ></el-button >
89
89
<el-button type =" primary" > 上传 <i class =" el-icon-upload el-icon--right" ></i > </el-button >
90
90
<el-collapse >
91
91
<el-collapse-item title =" 查看代码" name =" 2" >
92
- <div style =" white-space : pre-wrap ; " >{{ icon }}</div >
92
+ <div style =" white-space : pre-wrap " >{{ icon }}</div >
93
93
</el-collapse-item >
94
94
</el-collapse >
95
95
</el-card >
96
96
97
- <el-card style =" margin-bottom :50px ; " >
97
+ <el-card style =" margin-bottom : 50px " >
98
98
<div slot =" header" ><span >加载中</span ></div >
99
99
<el-button type =" primary" :loading =" true" >加载中</el-button >
100
100
<el-collapse >
101
101
<el-collapse-item title =" 查看代码" name =" 2" >
102
- <div style =" white-space : pre-wrap ; " >{{ loade }}</div >
102
+ <div style =" white-space : pre-wrap " >{{ loade }}</div >
103
103
</el-collapse-item >
104
104
</el-collapse >
105
105
</el-card >
106
106
107
- <el-card style =" margin-bottom :50px ; " >
107
+ <el-card style =" margin-bottom : 50px " >
108
108
<div slot =" header" ><span >按钮组</span ></div >
109
- <el-button-group style =" margin-right :10px ; " >
109
+ <el-button-group style =" margin-right : 10px " >
110
110
<el-button type =" primary" icon =" el-icon-arrow-left" >上一页</el-button >
111
111
<el-button type =" primary" > 下一页 <i class =" el-icon-arrow-right el-icon--right" ></i > </el-button >
112
112
</el-button-group >
117
117
</el-button-group >
118
118
<el-collapse >
119
119
<el-collapse-item title =" 查看代码" name =" 2" >
120
- <div style =" white-space : pre-wrap ; " >{{ group }}</div >
120
+ <div style =" white-space : pre-wrap " >{{ group }}</div >
121
121
</el-collapse-item >
122
122
</el-collapse >
123
123
</el-card >
124
124
125
- <el-card style =" margin-bottom :50px ; " >
125
+ <el-card style =" margin-bottom : 50px " >
126
126
<div slot =" header" ><span >不同尺寸</span ></div >
127
127
<el-row >
128
128
<el-button >默认按钮</el-button >
129
129
<el-button size =" medium" >中等按钮</el-button >
130
130
<el-button size =" small" >小型按钮</el-button >
131
131
<el-button size =" mini" >超小按钮</el-button >
132
132
</el-row >
133
- <el-row style =" margin-top :10px ; " >
133
+ <el-row style =" margin-top : 10px " >
134
134
<el-button round >默认按钮</el-button >
135
135
<el-button size =" medium" round >中等按钮</el-button >
136
136
<el-button size =" small" round >小型按钮</el-button >
137
137
<el-button size =" mini" round >超小按钮</el-button >
138
138
</el-row >
139
139
<el-collapse >
140
140
<el-collapse-item title =" 查看代码" name =" 2" >
141
- <div style =" white-space : pre-wrap ; " >{{ size }}</div >
141
+ <div style =" white-space : pre-wrap " >{{ size }}</div >
142
142
</el-collapse-item >
143
143
</el-collapse >
144
144
</el-card >
@@ -153,7 +153,7 @@ export default {
153
153
data () {
154
154
return {
155
155
text: ' ' ,
156
- primary: `
156
+ primary: `
157
157
<el-button>默认按钮</el-button>
158
158
<el-button type="primary">主要按钮</el-button>
159
159
<el-button type="success">成功按钮</el-button>
@@ -171,7 +171,7 @@ export default {
171
171
<el-button type="success" icon="el-icon-check" circle></el-button>
172
172
<el-button type="warning" icon="el-icon-star-off" circle></el-button>
173
173
<el-button type="danger" icon="el-icon-delete" circle></el-button>
174
-
174
+
175
175
<el-button icon="el-icon-search" plain circle></el-button>
176
176
<el-button type="primary" icon="el-icon-edit" plain circle></el-button>
177
177
<el-button type="success" icon="el-icon-check" plain circle></el-button>
0 commit comments