diff --git a/site/components/qrcode.vue b/site/components/qrcode.vue
deleted file mode 100644
index 23c4b2ccde..0000000000
--- a/site/components/qrcode.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<template>
-  <div ref="wrapper" :class="wrapperClass" :style="{ '--fixed-pos-top': fixedPos.top, '--fixed-pos-left': fixedPos.left }">
-    <h3 class="tdesign-doc-qrcode__title">扫码体验组件</h3>
-    <img :src="src" alt="qrcode" class="tdesign-doc-qrcode__img" />
-  </div>
-</template>
-
-<script>
-import { computed, defineComponent, onMounted, onUnmounted, ref, reactive } from 'vue';
-
-export default defineComponent({
-  props: {
-    src: String,
-  },
-
-  setup() {
-    const isFixed = ref(false);
-    const wrapper = ref(null);
-    const fixedPos = reactive({});
-    const wrapperClass = computed(() => ([
-      'tdesign-doc-qrcode',
-      {
-        'tdesign-doc-qrcode--fixed': isFixed.value
-      }
-    ]))
-
-    const handleScroll = () => {
-      const { scrollTop } = document.documentElement;
-
-      if (scrollTop > 258) {
-        if (!isFixed.value && !fixedPos.top) {
-          const { top, left } = wrapper.value.getBoundingClientRect();
-          fixedPos.top = 150 + 'px';
-          fixedPos.left = left + 'px';
-        }
-        isFixed.value = true;
-      } else {
-        isFixed.value = false;
-      }
-    }
-
-    onMounted(() => {
-      document.addEventListener('scroll', handleScroll);
-    })
-
-    onUnmounted(() => {
-      document.removeEventListener('scroll', handleScroll);
-    })
-
-    return {
-      isFixed,
-      wrapper,
-      fixedPos,
-      wrapperClass,
-    }
-  }
-})
-</script>
-
-<style lang="less">
-
-.tdesign-doc-qrcode {
-  position: absolute;
-  top: 0;
-  left: calc(100% + 48px);
-  width: 252px;
-
-  &--fixed {
-    position: fixed;
-    top: var(--fixed-pos-top);
-    left: var(--fixed-pos-left);
-  }
-
-  &__title {
-    font-size: 20px;
-    line-height: 28px;
-    font-weight: 700;
-    color: var(--text-primary);
-    margin-bottom: 16px;
-  }
-
-  &__img {
-    padding: 16px;
-    border-radius: 6px;
-    border: 1px solid #dcdcdc;
-    background-color: #fff;
-    width: 200px;
-    box-sizing: border-box;
-  }
-}
-</style>
\ No newline at end of file
diff --git a/site/plugins/plugin-tdoc/component.vue b/site/plugins/plugin-tdoc/component.vue
index 0a4df29c7e..4914a4f1e4 100644
--- a/site/plugins/plugin-tdoc/component.vue
+++ b/site/plugins/plugin-tdoc/component.vue
@@ -8,7 +8,6 @@
         <td-doc-phone>
           <div class="qrcode__wrapper" slot="qrcode">
             <img class="qrcode" :src="qrcode" />
-            <!-- <img class="qrcode" :src="`https://tdesign.gtimg.com/miniprogram/qrcode/${name}.png`" /> -->
           </div>
           <iframe
             :src="liveUrl"
@@ -41,15 +40,9 @@ import Prismjs from 'prismjs';
 import 'prismjs/components/prism-bash.js';
 import 'prismjs/components/prism-json.js';
 
-import QrCode from '@components/qrcode.vue';
-
 export default defineComponent({
   inject: ['info', 'demos'],
 
-  components: {
-    QrCode,
-  },
-
   computed: {
     tab: {
       get() {
@@ -65,14 +58,15 @@ export default defineComponent({
       const { path } = this.$route;
       const name = path.slice(path.lastIndexOf('/') + 1);
 
-      return name === 'layout' ? 'col' : name;
+      return name.replace('layout', 'col');
     },
     liveUrl() {
-      return `//tdesign.tencent.com/miniprogram-live/m2w/program/miniprogram/#!pages/${this.name}/${this.name}.html`;
+      const componentName = this.name.split('-en')[0];
+      return `//tdesign.tencent.com/miniprogram-live/m2w/program/miniprogram/#!pages/${componentName}/${componentName}.html`;
     },
     qrcode() {
-      // new URL(): https://cn.vitejs.dev/guide/assets.html#new-url-url-import-meta-url
-      return new URL(`../public/assets/qrcode/${this.name}.png`, import.meta.url).href;
+      const componentName = this.name.split('-en')[0];
+      return `//tdesign.tencent.com/miniprogram/assets/qrcode/${componentName}.png`;
     },
   },