diff --git a/web/src/views/backend/embed/programWidget.vue b/web/src/views/backend/embed/programWidget.vue
index 49faa8f..f3a2aa4 100644
--- a/web/src/views/backend/embed/programWidget.vue
+++ b/web/src/views/backend/embed/programWidget.vue
@@ -65,15 +65,15 @@ const { t } = useI18n()
 const previewVisible = ref(false)
 
 const programs = [
-    { page: 262, label: 'WF', image: 'https://admin.tl-tech.top/images/262.png' },
-    { page: 263, label: 'FE', image: 'https://admin.tl-tech.top/images/263.png' },
-    { page: 264, label: 'CD', image: 'https://admin.tl-tech.top/images/264.png' },
-    { page: 265, label: 'GL', image: 'https://admin.tl-tech.top/images/265.png' },
-    { page: 266, label: 'LS', image: 'https://admin.tl-tech.top/images/266.png' },
-    { page: 267, label: 'DP', image: 'https://admin.tl-tech.top/images/267.png' },
-    { page: 268, label: 'PB', image: 'https://admin.tl-tech.top/images/268.png' },
-    { page: 269, label: 'GE', image: 'https://admin.tl-tech.top/images/269.png' },
-    { page: 270, label: 'SW', image: 'https://admin.tl-tech.top/images/270.png' },
+    { page: 262, label: 'WF', image: 'https://admin.tl-tech.top/images/262.gif' },
+    { page: 263, label: 'FE', image: 'https://admin.tl-tech.top/images/263.gif' },
+    { page: 264, label: 'CD', image: 'https://admin.tl-tech.top/images/264.gif' },
+    { page: 265, label: 'GL', image: 'https://admin.tl-tech.top/images/265.gif' },
+    { page: 266, label: 'LS', image: 'https://admin.tl-tech.top/images/266.gif' },
+    { page: 267, label: 'DP', image: 'https://admin.tl-tech.top/images/267.gif' },
+    { page: 268, label: 'PB', image: 'https://admin.tl-tech.top/images/268.gif' },
+    { page: 269, label: 'GE', image: 'https://admin.tl-tech.top/images/269.gif' },
+    { page: 270, label: 'SW', image: 'https://admin.tl-tech.top/images/270.gif' },
 ]
 
 const bannerCode = ref(`<div class='promo-container'>
@@ -88,15 +88,15 @@ const bannerCode = ref(`<div class='promo-container'>
     <div class='sw-wrapper promo-wrapper'><button class='sw-button promo-button' onclick='programPage(270);'>Click</button></div>
 </div>
 <style>
-    .wf-button { background-image: url(https://admin.tl-tech.top/images/262.png); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
-    .fe-button { background-image: url(https://admin.tl-tech.top/images/263.png); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
-    .cd-button { background-image: url(https://admin.tl-tech.top/images/264.png); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
-    .gl-button { background-image: url(https://admin.tl-tech.top/images/265.png); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
-    .ls-button { background-image: url(https://admin.tl-tech.top/images/266.png); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
-    .dp-button { background-image: url(https://admin.tl-tech.top/images/267.png); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
-    .pb-button { background-image: url(https://admin.tl-tech.top/images/268.png); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
-    .ge-button { background-image: url(https://admin.tl-tech.top/images/269.png); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
-    .sw-button { background-image: url(https://admin.tl-tech.top/images/270.png); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
+    .wf-button { background-image: url(https://admin.tl-tech.top/images/262.gif); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
+    .fe-button { background-image: url(https://admin.tl-tech.top/images/263.gif); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
+    .cd-button { background-image: url(https://admin.tl-tech.top/images/264.gif); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
+    .gl-button { background-image: url(https://admin.tl-tech.top/images/265.gif); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
+    .ls-button { background-image: url(https://admin.tl-tech.top/images/266.gif); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
+    .dp-button { background-image: url(https://admin.tl-tech.top/images/267.gif); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
+    .pb-button { background-image: url(https://admin.tl-tech.top/images/268.gif); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
+    .ge-button { background-image: url(https://admin.tl-tech.top/images/269.gif); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
+    .sw-button { background-image: url(https://admin.tl-tech.top/images/270.gif); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
 </style>`)
 
 const functionCode = ref(`<script>