bddd67f232
Former-commit-id: 66ad9c0e6aa8e82daabbb3003e6b1f21bed11432 [formerly 8f4de997cfd08bb97fa0aaa0b614880a58ca22db] [formerly 66ad9c0e6aa8e82daabbb3003e6b1f21bed11432 [formerly 8f4de997cfd08bb97fa0aaa0b614880a58ca22db] [formerly 66ad9c0e6aa8e82daabbb3003e6b1f21bed11432 [formerly 8f4de997cfd08bb97fa0aaa0b614880a58ca22db] [formerly 8f4de997cfd08bb97fa0aaa0b614880a58ca22db [formerly 94db47ba387945eedf2430722c749dd459f66392 [formerly ba79b27e174ca667547772b483a7a83d82a3e549]]]]] Former-commit-id: ac12249c5171273579b30d4c5eefcbe294972572 Former-commit-id: 001e629f6e25fa5eacfa39398d29028f6d514e66 Former-commit-id: 98d17c8a4ba34988ae77439d50ce5149c46698c5 [formerly 03684fb4f5dc3d9ae745ff3af3dfd2f19ef87c4b] Former-commit-id: 3992a57057f70aa3cd125e04e4fe5b6ba8407389 Former-commit-id: ef526ad1b94f89cfb72765bbf8462b40fc33422e Former-commit-id: 9af90964c7457e28d0fa5d1175d1b2f91959a4d6 Former-commit-id: 31e2d088d85406e71565cf40536c90126feb2a3e Former-commit-id: 4bf6683297c5626a82858e6806bf25b5fa9013b2
51 lines
956 B
Markdown
51 lines
956 B
Markdown
# 控制台打印优化
|
|
|
|
使用 $log 可以在控制台输出美观的日志信息
|
|
|
|
<img src="http://localhost:8082/d2-admin-preview/img/demo.dc86019c.png" style="width: 260px;"/>
|
|
|
|
## 胶囊
|
|
|
|
此方法打印一行“胶囊”样式的信息，即上图前四条
|
|
|
|
**参数：**
|
|
|
|
$log.capsule( `左侧文字`, `右侧文字`, `主题样式` )
|
|
|
|
**示例：**
|
|
|
|
``` js
|
|
this.$log.capsule('title', 'success', 'success')
|
|
```
|
|
|
|
## 彩色文字
|
|
|
|
此方法可以随意组合打印文字的颜色顺序
|
|
|
|
``` js
|
|
this.$log.colorful([
|
|
{ text: 'H', type: 'default' },
|
|
{ text: 'e', type: 'primary' },
|
|
{ text: 'l', type: 'success' },
|
|
{ text: 'l', type: 'warning' },
|
|
{ text: 'o', type: 'danger' }
|
|
])
|
|
```
|
|
|
|
上面的代码效果为效果图中第五行
|
|
|
|
## 快速方法
|
|
|
|
* $log.default
|
|
* $log.primary
|
|
* $log.success
|
|
* $log.warning
|
|
* $log.danger
|
|
|
|
**示例：**
|
|
|
|
``` js
|
|
this.$log.primary('primary style')
|
|
```
|
|
|
|
这五个快速方法的效果为效果图中第六至十行 |