chore: 新增列表页导航栏浮动功能

CHANGELOG.md

@@ -1,2 +1 @@
-- 更新文档
-- 修复了部分代码
+- 新增：列表页导航栏浮动功能

package.json

@@ -1,6 +1,6 @@
 {
   "name": "linuxdo-scripts",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "author": "dlzmoe",
   "description": "An enhanced script for the linux.do forum",
   "type": "module",

src/app.vue

@@ -73,9 +73,9 @@
           <MenuShowAI :sort="18" v-model:value="settingData.checked18" />
           <!-- 编辑器切换 ja 字体 -->
           <MenuEditorJa :sort="19" v-model:value="settingData.checked19" />
-          <!-- 首页新增按创建时间排序 -->
-          <!-- <MenuCreatedOrder :sort="21" v-model:value="settingData.checked21" /> -->
-
+          <!-- 开启列表页导航栏浮动 -->
+          <MenuStickyNav :sort="20" v-model:value="settingData.checked20" />
+          
           <!-- 检测更新 -->
           <Updates />
         </div>
@@ -182,6 +182,7 @@ import AIDialog from "./components/AIDialog.vue";
 import MenuEditorJa from "./components/MenuEditorJa.vue";
 import MenuCreatedOrder from "./components/MenuCreatedOrder.vue";
 import GPTconfig from "./components/GPTconfig.vue";
+import MenuStickyNav from "./components/MenuStickyNav.vue";
 
 export default {
   components: {
@@ -219,6 +220,7 @@ export default {
     MenuEditorJa,
     MenuCreatedOrder,
     GPTconfig,
+    MenuStickyNav,
   },
   data() {
     return {

src/assets/app.less

@@ -573,4 +573,4 @@ body.body-preview #main-outlet-wrapper {
     background: #999;
     color: #fff;
   }
-}
+}

src/components/MenuAutoexpandreply.vue

@@ -10,10 +10,8 @@
 export default {
   props: {
     value: {
-     type: Object,
-      default: {
-        value: false,
-      },
+ type: Boolean,
+      default: false,
     },
     sort: {
       type: Number,

src/components/MenuCreatedOrder.vue

@@ -10,10 +10,8 @@
 export default {
   props: {
     value: {
-     type: Object,
-      default: {
-        value: false,
-      },
+ type: Boolean,
+      default: false,
     },
     sort: {
       type: Number,

src/components/MenuEditorJa.vue

@@ -10,10 +10,8 @@
 export default {
   props: {
     value: {
-     type: Object,
-      default: {
-        value: false,
-      },
+ type: Boolean,
+      default: false,
     },
     sort: {
       type: Number,

src/components/MenuFilterText.vue

@@ -10,10 +10,8 @@
 export default {
   props: {
     value: {
-     type: Object,
-      default: {
-        value: false,
-      },
+ type: Boolean,
+      default: false,
     },
     sort: {
       type: Number,

src/components/MenuFloorHeight.vue

@@ -10,10 +10,8 @@
 export default {
   props: {
     value: {
-     type: Object,
-      default: {
-        value: false,
-      },
+ type: Boolean,
+      default: false,
     },
     sort: {
       type: Number,

src/components/MenuHidetopicdetailtitle.vue

@@ -10,10 +10,8 @@
 export default {
   props: {
     value: {
-     type: Object,
-      default: {
-        value: false,
-      },
+ type: Boolean,
+      default: false,
     },
     sort: {
       type: Number,

src/components/MenuLevelSearch.vue

@@ -10,10 +10,8 @@
 export default {
   props: {
     value: {
-     type: Object,
-      default: {
-        value: false,
-      },
+ type: Boolean,
+      default: false,
     },
     sort: {
       type: Number,

src/components/MenuLookOP.vue

@@ -2,18 +2,16 @@
   <!-- 是否开启只看楼主 -->
   <div class="item">
     <div class="tit">{{ sort }}. 是否开启只看楼主</div>
-    <input type="checkbox" v-model="localChecked" @change="handleChange">
+    <input type="checkbox" v-model="localChecked" @change="handleChange" />
   </div>
 </template>
 
 <script>
 export default {
   props: {
     value: {
-     type: Object,
-      default: {
-        value: false,
-      },
+      type: Boolean,
+      default: false,
     },
     sort: {
       type: Number,

src/components/MenuLookmeSign.vue

@@ -10,10 +10,8 @@
 export default {
   props: {
     value: {
-     type: Object,
-      default: {
-        value: false,
-      },
+ type: Boolean,
+      default: false,
     },
     sort: {
       type: Number,

src/components/MenuNewtopicreminder.vue

@@ -10,10 +10,8 @@
 export default {
   props: {
     value: {
-      type: Object,
-      default: {
-        value: false,
-      },
+  type: Boolean,
+      default: false,
     },
     sort: {
       type: Number,

src/components/MenuPangu.vue

@@ -10,10 +10,8 @@
 export default {
   props: {
     value: {
-     type: Object,
-      default: {
-        value: false,
-      },
+ type: Boolean,
+      default: false,
     },
     sort: {
       type: Number,

src/components/MenuQuickAccess.vue

@@ -10,10 +10,8 @@
 export default {
   props: {
     value: {
-     type: Object,
-      default: {
-        value: false,
-      },
+ type: Boolean,
+      default: false,
     },
     sort: {
       type: Number,

src/components/MenuShowAI.vue

@@ -10,10 +10,8 @@
 export default {
   props: {
     value: {
-     type: Object,
-      default: {
-        value: false,
-      },
+ type: Boolean,
+      default: false,
     },
     sort: {
       type: Number,

src/components/MenuShowUnread.vue

@@ -10,10 +10,8 @@
 export default {
   props: {
     value: {
-     type: Object,
-      default: {
-        value: false,
-      },
+ type: Boolean,
+      default: false,
     },
     sort: {
       type: Number,

src/components/MenuShowcreatetime.vue

@@ -11,10 +11,8 @@
 export default {
   props: {
     value: {
-     type: Object,
-      default: {
-        value: false,
-      },
+ type: Boolean,
+      default: false,
     },
     sort: {
       type: Number,

src/components/MenuShowcreatetime1.vue

@@ -9,10 +9,8 @@
 export default {
   props: {
     value: {
-     type: Object,
-      default: {
-        value: false,
-      },
+ type: Boolean,
+      default: false,
     },
     sort: {
       type: Number,

src/components/MenuShowfloors.vue

@@ -10,10 +10,8 @@
 export default {
   props: {
     value: {
-     type: Object,
-      default: {
-        value: false,
-      },
+ type: Boolean,
+      default: false,
     },
     sort: {
       type: Number,

src/components/MenuStickyNav.vue

@@ -0,0 +1,58 @@
+<template>
+  <div class="item">
+    <div class="tit">{{ sort }}. 开启列表页导航栏浮动</div>
+    <input type="checkbox" v-model="localChecked" @change="handleChange" />
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    value: {
+      type: Boolean,
+      default: false,
+    },
+    sort: {
+      type: Number,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      localChecked: this.value,
+    };
+  },
+  watch: {
+    value(newValue) {
+      this.localChecked = newValue;
+    },
+  },
+  methods: {
+    handleChange() {
+      this.$emit("update:value", this.localChecked);
+    },
+  },
+  created() {
+    if (this.localChecked) {
+      $(window).on("scroll", function () {
+        if ($(window).scrollTop() >= 250) {
+          $(".navigation-container").addClass("is-active");
+        } else {
+          $(".navigation-container").removeClass("is-active");
+        }
+      });
+
+      $("head").append(`<style>
+        .navigation-container.is-active{position:fixed;top:65px;background:#fff!important;z-index:9;box-shadow:1px 3px 7px 0 rgba(0,0,0,.2);margin-left:-30px;padding-left:30px;border-radius:5px;padding-top:10px;padding-right:20px;min-width:1000px;width:auto}
+      </style>`);
+    }
+  },
+};
+</script>
+<style scoped>
+.item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+</style>

src/components/MenuTopicpreview.vue

@@ -10,10 +10,8 @@
 export default {
   props: {
     value: {
-     type: Object,
-      default: {
-        value: false,
-      },
+ type: Boolean,
+      default: false,
     },
     sort: {
       type: Number,

version-log.md

@@ -1,3 +1,7 @@
+## 0.3.6
+
+- 新增：列表页导航栏浮动功能
+
 ## 0.3.5
 
 - 更新文档