微件:TestImage：修订间差异

2026年2月14日 (六) 17:07的最新版本

调用方式：

{{{text|默认提示内容}}}

 默认提示内容

 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>

@@ 第2行： / 第2行： @@
 调用方式：
 {{#widget:TestImage
-  |url=https://gaoice.run/avatarx.jpg
+  |text=这里是提示内容
-  |caption=测试测试冲刺冲刺
+  |type=info
- |width=600
 }}
 </noinclude>
-<div class="extimg-container">
+<div class="simple-notice simple-notice-{{{type|info}}}">
-  <img src="{{{url|}}}"
+   {{{text|默认提示内容}}}
-       alt="{{{caption|External Image}}}"
-       style="max-width:100%; width:{{{width|}}}px;" />
-   {{#if: {{{caption|}}} |
-    <div class="extimg-caption">{{{caption}}}</div>
-  }}
 </div>
 <style>
-.extimg-container {
+.simple-notice {
-   text-align: center;
+   padding: 12px 16px;
-   margin: 20px 0;
+   margin: 10px 0;
+  border-radius: 6px;
+  font-size: 14px;
+}
+.simple-notice-info {
+  background: #e8f4ff;
+  border-left: 4px solid #2b7fff;
 }
-.extimg-container img {
+.simple-notice-warning {
-   border-radius: 8px;
+   background: #fff4e5;
-   box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+   border-left: 4px solid #ff9900;
 }
-.extimg-caption {
+.simple-notice-error {
-   margin-top: 8px;
+   background: #ffeaea;
-  color: #666;
+   border-left: 4px solid #e53935;
-   font-size: 14px;
 }
 </style>