diff --git a/themes/yilia/source-src/js/slider.js b/themes/yilia/source-src/js/slider.js
index aab394a..b48dd6c 100644
--- a/themes/yilia/source-src/js/slider.js
+++ b/themes/yilia/source-src/js/slider.js
@@ -94,8 +94,8 @@ const vm = createApp({
     },
     openFullTextSearch() {
       this.hideSlider()
-      document.getElementById('search-panel').classList.add('in')
-      document.querySelector('.js-mask').classList.add('in')
+      this.$refs.fullTextSearch.classList.add('in')
+      this.$refs.mask.classList.add('in')
     },
     loadSearchResult() {
       this.fullTextSearch.pageNum++
@@ -177,15 +177,14 @@ const vm = createApp({
     document.addEventListener('copy', () => {
       this.showMessage('你都复制了些什么呀，转载要记得加上出处哦')
     })
-    const maskEl = document.querySelector('.js-mask')
     const hideModal = () => {
       document.querySelectorAll('.page-modal').forEach(modal => {
         modal.classList.remove('in')
       })
-      maskEl.classList.remove('in')
+      this.$refs.mask.classList.remove('in')
     }
     // 隐藏模态框
-    maskEl.addEventListener('click', hideModal)
+    this.$refs.mask.addEventListener('click', hideModal)
     document.querySelectorAll('.js-modal-close').forEach(modalClose => {
       modalClose.addEventListener('click', hideModal)
     })