repos square

web_src/js/index.js

@@ -5214,7 +5214,7 @@ function initTopToHome() {
   $(window).scroll(function (e) {
     const scrollTop = $(document).scrollTop();
     const winHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
-    if (scrollTop > winHeight * 1.2) {
+    if (scrollTop > winHeight * 0.5) {
       topToHomeEl.fadeIn();
     } else {
       topToHomeEl.fadeOut();

web_src/vuepages/pages/repos/components/RecommendRepos.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="repo-selected-bg">
-    <div class="ui container _repo_container _repo-selected-container" style="padding-top:3rem;padding-bottom:4rem;">
+    <div class="ui container _repo_container _repo-selected-container" style="padding-top:3rem;padding-bottom:3rem;">
       <div class="_repo_title"><span>{{ $t('repos.selectedFields') }}</span></div>
       <div class="_repo-selected-list">
         <div class="swiper-wrapper" id="_repo-selected"></div>
-        <div class="swiper-pagination"></div>
+        <div class="swiper-pagination _repo-selected-swiper-pagination"></div>
       </div>
     </div>
   </div>
@@ -56,13 +56,13 @@ export default {
         }
         this.swiperHandler = new Swiper("._repo-selected-list", {
           slidesPerView: 1,
-          spaceBetween: 20,
+          spaceBetween: 25,
           pagination: {
-            el: ".swiper-pagination",
+            el: "._repo-selected-swiper-pagination",
             clickable: true,
           },
           autoplay: {
-            delay: 2500,
+            delay: 4500,
             disableOnInteraction: false,
           },
           breakpoints: {
@@ -116,8 +116,21 @@ export default {
 
 ._repo-selected-list {
   overflow: hidden;
-  padding: 1em;
+  padding: 1em 1em 3em 1em;
   text-align: left;
+  position: relative;
+}
+
+/deep/._repo-selected-swiper-pagination .swiper-pagination-bullet {
+  width: 8px;
+  height: 8px;
+  border-radius: 100%;
+  background: #76cbed;
+}
+
+/deep/._repo-selected-swiper-pagination .swiper-pagination-bullet-active {
+  width: 40px;
+  border-radius: 4px;
 }
 
 /deep/ ._repo-selected-list .card {

web_src/vuepages/pages/repos/components/SquareTop.vue

@@ -19,7 +19,7 @@
         <div class="_repo_top_middle_content">
           <div class="_repo_top_mid_repo_list">
             <div class="swiper-wrapper" id="_repo_top_mid_repo"></div>
-            <div class="swiper-pagination"></div>
+            <div class="swiper-pagination _repo_top-swiper-pagination"></div>
           </div>
         </div>
       </div>
@@ -68,7 +68,7 @@ export default {
         slidesPerView: 1,
         spaceBetween: 20,
         pagination: {
-          el: "._repo_top_mid_repo_list .swiper-pagination",
+          el: "._repo_top-swiper-pagination",
           clickable: true,
         },
         autoplay: {