Explorar el Código

首页样式错乱问题调整

zhanghe hace 6 años
padre
commit
bc119c42b7

+ 1 - 1
src/stage/index/index.html

@@ -67,7 +67,7 @@
 		document.head.appendChild(appCss);
 
 		var appScript = document.createElement('script');
-		appScript.src = './index.min.js?t=' + ts;
+		appScript.src = './index.js?t=' + ts;
 		document.body.appendChild(appScript);
 	</script>
 	<script>

+ 1 - 2
src/stage/index/scene/WaterFallIndexScene.js

@@ -207,8 +207,7 @@ class WaterfallIndexScene extends scene {
         /* 销毁除slide-0以外的全部slider, 防止页面元素重复 */
         let sliderFirst = document.getElementById('slide-0');
         if (swiperContainer && sliderFirst) {
-            swiperContainer.innerHTML = '';
-            swiperContainer.appendChild(sliderFirst);
+            swiperContainer.replaceChild(sliderFirst, sliderFirst);
         }
         sliders.forEach((slider, sliderIndex) => {
             let slideDom = document.createElement('div');

+ 9 - 9
src/stage/index/style/WaterfallIndexScene.less

@@ -72,7 +72,7 @@
   .content {
     width: 100%;
     height: 8.8rem;
-    padding: 0 1.3rem;
+    padding: 0 1.2rem;
     /* 左右两侧入口浮动布局,尺寸固定 */
     .left,
     .right {
@@ -86,15 +86,15 @@
         img {
           width: 3.1rem;
           height: 1.84rem;
-		  border: solid unit(@borderSize, rem) transparent;
+		      border: solid unit(@borderSize, rem) transparent;
           border-radius: .25rem;
         }
         &:last-child {
           margin-top: .22rem - 2 * unit(@borderSize, rem);
         }
-		&.fe-focus img {
-			.after-focus(@borderSize; #ffe100);
-		}
+    		&.fe-focus img {
+    			.after-focus(@borderSize; #ffe100);
+    		}
       }
     }
     /* 中间轮播图左侧浮动,尺寸固定 */
@@ -106,12 +106,12 @@
         position: relative;
         overflow: hidden;
         margin: 0 .22rem - .06rem - 2 * unit(@borderSize, rem);
-        width: 9.74rem + 2 * unit(@borderSize, rem);
+        width: 9.85rem + 2 * unit(@borderSize, rem);
         height: 3.9rem + 2 * unit(@borderSize, rem);
-		border: solid unit(@borderSize, rem) transparent;
+		    border: solid unit(@borderSize, rem) transparent;
         border-radius: .25rem;
         &.fe-focus {
-			.after-focus(@borderSize; #ffe100);
+			    .after-focus(@borderSize; #ffe100);
         }
         .swiper-wrapper {
           width: 9.74rem;
@@ -182,7 +182,7 @@
           padding: 0 .06rem;
           .course-item-frame {
             color: #303030;
-			.course-item-frame;
+			      .course-item-frame;
           }
           &.fe-focus .course-item-frame {
             .after-focus(@borderSize; #ffe100);