diff --git a/examples/sites/src/views/components/components.vue b/examples/sites/src/views/components/components.vue
index 971c2c801..4cb07401d 100644
--- a/examples/sites/src/views/components/components.vue
+++ b/examples/sites/src/views/components/components.vue
@@ -139,7 +139,7 @@
 <script lang="jsx">
 import { defineComponent, reactive, computed, toRefs, watch, onMounted, ref } from 'vue'
 import { marked } from 'marked'
-import { Loading, Anchor, ButtonGroup } from '@opentiny/vue'
+import { Anchor, ButtonGroup } from '@opentiny/vue'
 import debounce from '@opentiny/vue-renderless/common/deps/debounce'
 import { i18nByKey, getWord, $clone, fetchDemosFile, useApiMode, useTemplateMode } from '@/tools'
 import demo from '@/views/components/demo'
@@ -160,9 +160,6 @@ export default defineComponent({
     AsyncHighlight,
     VersionTip
   },
-  directives: {
-    loading: Loading.directive
-  },
   setup() {
     const anchorRefreshKey = ref(0)
     const state = reactive({
@@ -526,11 +523,11 @@ table.api-table {
   }
 }
 .cmp-page-anchor {
-  .tiny-anchor__affix {
+  :deep(.tiny-anchor__affix) {
     overflow-y: auto;
     max-height: 80vh;
   }
-  .tiny-anchor-link {
+  :deep(.tiny-anchor-link) {
     margin-bottom: 10px;
     max-width: 150px;
     font-size: 12px;
@@ -558,13 +555,6 @@ table.api-table {
   }
 }
 
-.markdown-top-body,
-.all-demos-container {
-  & > .tiny-loading svg {
-    height: 36px;
-    width: 36px;
-  }
-}
 .all-demos-container {
   margin-top: 24px;
 }