查看“︁微件:TestImage”︁的源代码

<noinclude>
调用方式：
{{#widget:TestImage
 |text=这里是提示内容
 |type=info
}}
</noinclude>

<div class="simple-notice simple-notice-{{{type|info}}}">
  {{{text|默认提示内容}}}
</div>

<style>
.simple-notice {
  padding: 12px 16px;
  margin: 10px 0;
  border-radius: 6px;
  font-size: 14px;
}

.simple-notice-info {
  background: #e8f4ff;
  border-left: 4px solid #2b7fff;
}

.simple-notice-warning {
  background: #fff4e5;
  border-left: 4px solid #ff9900;
}

.simple-notice-error {
  background: #ffeaea;
  border-left: 4px solid #e53935;
}
</style>