diff --git a/example/src/sites/doc/components/Tips.vue b/example/src/sites/doc/components/Tips.vue
deleted file mode 100644
index 9071618e..00000000
--- a/example/src/sites/doc/components/Tips.vue
+++ /dev/null
@@ -1,133 +0,0 @@
-<template>
-	<div class="doc-tips">
-		<div class="header-logo">
-			<a class="logo-link" href="#" @click="toHome"></a>
-		</div>
-		<div class="header-nav">
-			<a href="https://github.com/hellof2e/quark-design-docs" target="_blank">
-				当前环境：development，代码 PR
-				合并后，文档会自动同步至：https://github.com/hellof2e/quark-design-docs
-			</a>
-		</div>
-		<!-- <div class="header-nav">
-			<a class="switch-lang" @click="switchLang">
-				<img
-					src="https://m.hellobike.com/resource/helloyun/13459/QgPJutNlCZ.png"
-					alt=""
-				/>
-			</a>
-		</div> -->
-	</div>
-</template>
-<script lang="ts">
-import { defineComponent, reactive, computed, onMounted } from "vue";
-import { nav } from "@/config.json";
-import { version } from "/package.json";
-import { RefData } from "@/sites/assets/util/ref";
-
-export default defineComponent({
-	name: "doc-tips",
-	components: {},
-	setup() {
-		let packages = [] as any[];
-		nav.forEach((item) => {
-			packages.push(...item.packages);
-		});
-		const data = reactive({
-			verson: "1.x",
-			navIndex: 0,
-			activeIndex: 0,
-			isShowSelect: false,
-		});
-		const handleFocus = () => {
-			console.log(1);
-		};
-		const handleFocusOut = () => {
-			data.isShowSelect = false;
-		};
-
-		const toHome = () => {
-			RefData.getInstance().currentRoute.value = "/";
-		};
-
-		const isActive = computed(() => {
-			let value = RefData.getInstance().currentRoute.value;
-			return function (name: string) {
-				const lName = name.toLowerCase();
-				if (lName !== "component") {
-					return value === lName || lName.includes(value);
-				}
-			};
-		});
-
-		const switchLang = () => {
-			let href = "";
-
-			if (localStorage.getItem("language") === "en-US") {
-				// 英文
-				localStorage.setItem("language", "zh-CN");
-				href = location.href.replace("en-US", "zh-CN");
-			} else {
-				localStorage.setItem("language", "en-US"); // 中文
-				href = location.href.replace("zh-CN", "en-US");
-			}
-			location.href = href;
-			window.location.reload();
-		};
-
-		return {
-			version,
-			data,
-			toHome,
-			isActive,
-			handleFocus,
-			handleFocusOut,
-			switchLang,
-		};
-	},
-});
-</script>
-
-<style lang="scss" scoped>
-.doc-tips {
-	background: #000;
-	color: #fff;
-	position: fixed;
-	z-index: 99;
-	width: 100%;
-
-	&-logo {
-		position: relative;
-		display: flex;
-		align-content: center;
-		width: 120px;
-		height: 64px;
-
-		.logo-link {
-			width: 100px;
-			background: url("../../assets/images/quark-logo.png") no-repeat center;
-			background-size: 40px;
-		}
-
-		.logo-border {
-			width: 1px;
-			height: 26px;
-			background: #ddd;
-			margin: 20px 10px 0;
-		}
-
-		.version {
-			font-size: 14px;
-		}
-	}
-}
-
-.header-nav {
-	display: flex;
-	justify-content: center;
-	a {
-		color: #fff;
-		padding: 10px;
-	}
-}
-</style>