动态变化

js/index.js

@@ -31,9 +31,22 @@ PageIndex = function () {
         },
         init :function (){
             this.funLoadLineInfo();
-
             this.funLoadInOutStationInfo();
+
+            this.funDealLiLefInfo();
+            var me = this;
+            $(window).resize(function(){
+                me.funDealLiLefInfo();
+            });
         },
+
+        funDealLiLefInfo : function(){
+            let vleft = ($(window).width() - PageIndex.defaultOption.stationFlys.length * 32) / (PageIndex.defaultOption.stationFlys.length - 1);
+            vleft += PageIndex.defaultOption.stationFlys.length*0.5;
+            $(".bus-lzlist li+li").css({"margin-left":vleft});
+            $(".outStation").css({"left":vleft/2});
+        },
+
         funLoadLineInfo : function () {
             var html = "";
             for (let nItem = 0; nItem < PageIndex.defaultOption.stationFlys.length; nItem++){

styles/index.css

@@ -11,6 +11,7 @@ li{
 
 .bus-lzlist ol {
     display: inline-block;
+    padding-inline-start: 0px;
     position: relative
 }