diff --git a/assets/css/details.css b/assets/css/details.css
index 7c1c6e2..90fade8 100644
--- a/assets/css/details.css
+++ b/assets/css/details.css
@@ -1117,6 +1117,14 @@
   font-size: 13px;
   cursor: pointer;
 }
+.content .floor-area .floor-content .floor-centre {
+  cursor: pointer;
+  color: #aaaaaa;
+}
+.content .floor-area .floor-content .floor-centre .icon {
+  height: 16px;
+  margin-right: 5px;
+}
 .content .floor-area .floor-content .floor-right {
   color: #7f7f7f;
   font-size: 13px;
diff --git a/assets/css/details.less b/assets/css/details.less
index a8c8fe7..12a8511 100644
--- a/assets/css/details.less
+++ b/assets/css/details.less
@@ -1350,6 +1350,15 @@
                 }
             }
 
+            .floor-centre {
+                cursor: pointer;
+                color: #aaaaaa;
+                .icon {
+                    height: 16px;
+                    margin-right: 5px;
+                }
+            }
+
             .floor-right {
                 color: #7f7f7f;
                 font-size: 13px;
diff --git a/assets/img/set-icon.png b/assets/img/set-icon.png
new file mode 100644
index 0000000..e68492e
Binary files /dev/null and b/assets/img/set-icon.png differ
diff --git a/composables/api.js b/composables/api.js
index 7f294bb..45d18a6 100644
--- a/composables/api.js
+++ b/composables/api.js
@@ -131,3 +131,9 @@ export const riposteSubmitHttp = query => {
 export const riposteDetailHttp = query => {
     return Http.post("/api/riposte/riposteDetail", query)
 }
+
+
+// 详情隐藏
+export const mjHideHttp = query => {
+    return Http.post("/api/interviewExperience/interviewExperienceHide", query)
+}
diff --git a/pages/details/[id].vue b/pages/details/[id].vue
index 9ee0a1c..1f24bf8 100644
--- a/pages/details/[id].vue
+++ b/pages/details/[id].vue
@@ -464,6 +464,11 @@
                         </el-popover>
                     </div>
 
+                    <div class="floor-centre flexflex flexacenter" @click="handleHide" v-if="permissions">
+                        <img class="icon" src="@/assets/img/set-icon.png" />
+                        隐藏
+                    </div>
+
                     <div class="floor-left flexacenter">
                         <div class="item flexacenter" v-if="isBrowser" style="cursor: auto;">
                             <img class="icon h8" src="@/assets/img/eye-icon-black.svg" />
@@ -1911,9 +1916,8 @@ const handleFileUpload = (event, index, i) => {
 
             if (i != undefined) {
                 commentList.value[index].child[i]["picture"] = obj
-                
             } else if (index != undefined) {
-                commentList.value[index]["picture"] = obj                
+                commentList.value[index]["picture"] = obj
             } else picture.value = obj
 
             console.log("obj", obj)
@@ -1972,6 +1976,21 @@ const handleKeydown = event => {
     dialogSrc.value = ""
     window.removeEventListener("keydown", handleKeydown) // 取消监听
 }
+
+let permissions = ref({})
+
+// 点击隐藏
+const handleHide = () => {
+    const userConfirmed = window.confirm("确定要隐藏该面经？")
+
+    console.log("userConfirmed", userConfirmed)
+
+    if (!userConfirmed) return
+
+    mjHideHttp({ token }).then(res => {
+        console.log("res", res)
+    })
+}
 </script>
 
 <style lang="less" scoped>