产品详情页添加关联产品轮播；点击图册显示大图的问题，还有点击大图可以弹框观看

app/index/view/index/index.html

@@ -168,7 +168,7 @@
             <div class="swiper-pagination bs_pagination"></div>
             <hr>
             {volist name="brand_story" id="story" key="k"}
-            <span class="time{$k}">{$story.year}</span>
+            <span class="time">{$story.year}</span>
             {/volist}
           </div>
           <div class="swiper-container bs_bts">
@@ -318,6 +318,38 @@
         prevEl: ".swiper-button-prev",
       },
     });
+    // 计算品牌故事轮播个数样式调整
+    function calculateDisplayValue (n) {
+      return 8 - n;
+    }
+    // 动态调整分页点和年份位置
+    function adjustTimeline () {
+      const slideCount = brandStoryswiper.slides.length; // 获取轮播项个数
+      if (slideCount === 0) return;
+      // 计算分页点间距
+      const bulletMargin = ((100 / slideCount) - 2) + "%";
+      $(".orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_swcontainer .bs_pagination .swiper-pagination-bullet")
+        .css("margin-right", bulletMargin);
+      // 计算年份位置（固定间隔21%）
+      const timeSpans = $(".orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_swcontainer .time");
+      var tag = 0
+      var percent = 0
+      var basenum = calculateDisplayValue(slideCount)
+      timeSpans.each(function (index) {
+        if (index == 1) {
+          tag = ((100 / slideCount)) * index - (index > 0 ? basenum : 0)
+          percent = tag
+        }
+        if (index > 1) {
+          percent = tag * index
+        }
+        $(this).css("left", `${percent}%`);
+      });
+    }
+    // 初始化时调用
+    adjustTimeline();
+    // 窗口Resize时重新计算（可选）
+    $(window).on("resize", adjustTimeline);
     // 宣传banner
     var pubswiper = new Swiper(".pubswiper", {
       loop: true,
@@ -357,8 +389,6 @@
         $(this).children('div.fqa-question').find('h3').removeClass('text-hidden');
       }
     })
-
-
     // 首先隐藏视频元素和加载中的图片  要放开注释
     $("#hotvideo").hide();
     // 监听视频的加载事件