Quellcode durchsuchen

feat:新增轮播图

cmy vor 3 Tagen
Ursprung
Commit
40071cadab
2 geänderte Dateien mit 61 neuen und 1 gelöschten Zeilen
  1. 42 0
      source/template/app.php
  2. 19 1
      source/template/temp_3.php

+ 42 - 0
source/template/app.php

@@ -345,6 +345,48 @@ include 'source/template/temp_'.$row['template'].'.php';
     function disclaimer() {
         $("#disclaimerModal").modal("show");
     }
+
+    // 延迟初始化swiper3,确保模板内容已渲染
+    function initSwiper3() {
+        var swiperElement = document.querySelector('#swiper-temp3');
+        if (swiperElement) {
+            try {
+                var swiper3 = new Swiper('#swiper-temp3', {
+                    pagination: {
+                        el: '.swiper-pagination',
+                        clickable: true,
+                    }
+                });
+            } catch (error) {
+                console.error('Swiper3初始化失败:', error);
+            }
+        } else {
+            // 如果元素还不存在,延迟重试
+            setTimeout(initSwiper3, 100);
+        }
+    }
+    
+    // 页面加载完成后尝试初始化
+    document.addEventListener('DOMContentLoaded', function() {
+        if (typeof Swiper !== 'undefined') {
+            initSwiper3();
+        } else {
+            console.error('Swiper库未加载');
+        }
+    });
+    
+    // 如果使用了模板引擎,可能需要在模板渲染完成后调用
+    if (typeof DAFU !== 'undefined') {
+        // 保存原始的successVip方法
+        var originalSuccessVip = DAFU.successVip;
+        DAFU.successVip = function() {
+            // 调用原始方法
+            originalSuccessVip.call(this);
+            // 在模板渲染完成后初始化轮播图
+            setTimeout(initSwiper3, 100);
+        };
+    } else {
+    }
 </script>
 </body>
 </html>

+ 19 - 1
source/template/temp_3.php

@@ -21,6 +21,7 @@
                                     <span>{{SIZE}} {{app_size}}</span><span>{{UPDATE_TIME}} {{update_dt}}</span>
                                 </div>
                             </div>
+                            
                             {{if checked|false}}
                             <!--密码框-->
                             <div class="template-pwd">
@@ -46,7 +47,7 @@
                                 <div style="color: #1abc9c">{{VIEW_IN_DESKTOP}}</div>
                                 <div class="loading"></div>
                             </div>
-                            <div class="template-btn-wrap">
+                            <div class="template-btn-wrap visible-xs">
                                 <a href="{{downurl}}" type="ios" class="ms-btn template-btn clearfix pc-pwd down_load">
                                     <span class="icon-36 iconfont fl"></span>
                                     <span class="fl">{{DOWNLOAD_INSTALL}}</span>
@@ -132,6 +133,23 @@
              </div>
              <div class="app-detail">
                 <div class="app-detail-content">
+                    <div class="swiper-container" id="swiper-temp3" style="margin-top: 10px;">
+                        <div class="swiper-wrapper">
+                            <div class="swiper-slide">
+                                <img src="/static/index/image/<?php if ($row['template_language'] == 'en') echo 'en_'; ?>sst1.png">
+                            </div>
+                            <div class="swiper-slide">
+                                <img src="/static/index/image/<?php if ($row['template_language'] == 'en') echo 'en_'; ?>sst2.png">
+                            </div>
+                            <div class="swiper-slide">
+                                <img src="/static/index/image/<?php if ($row['template_language'] == 'en') echo 'en_'; ?>sst3.png">
+                            </div>
+                            <div class="swiper-slide">
+                                <img src="/static/index/image/<?php if ($row['template_language'] == 'en') echo 'en_'; ?>sst4.png">
+                            </div>
+                        </div>
+                        <div class="swiper-pagination"></div>
+                    </div>
                     <div class="coarse-title">{{APP_DESCRIPTION}}</div>
                     <p>{{app_intro}}</p>
                     <div class="coarse-title">{{SCORE}}</div>