소스 검색

update scroll to load more

fengchang 1 년 전
부모
커밋
96ad0f746f
2개의 변경된 파일11개의 추가작업 그리고 1개의 파일을 삭제
  1. 1 1
      hichina-main-front/src/views/destination/detail.vue
  2. 10 0
      hichina-main-front/src/views/home/index.vue

+ 1 - 1
hichina-main-front/src/views/destination/detail.vue

@@ -42,7 +42,7 @@
       <product-item :productSummary="[]" class="product-item" v-for="i in 4" :class="{'no-mar': i % 4 === 0}"/>
     </div> -->
 
-    <p class="more mt-46">鼠标滚动至此处自动加载</p>
+    <p class="more mt-46">Scroll to load more</p>
   </div>
 </template>
 

+ 10 - 0
hichina-main-front/src/views/home/index.vue

@@ -71,6 +71,8 @@
       <special-product-item class="scale-item" :special="item.value" v-if="item.type==='scaleblog'" float/>
     </div>
   </div>
+
+  <p class="more mt-46">Scroll to load more</p>
   
 
   <!-- <div style="width: 100%;">
@@ -501,4 +503,12 @@
     font-size: 24px; /* Adjust the description font size as needed */
   }
 
+  .more {
+    color: rgba(80, 80, 80, 1);
+    background-color: rgb(243, 239, 239);
+    font-size: 14px;
+    text-align: center;
+    margin-bottom: 50px;
+    margin-top: -20px;
+  }
 </style>