diff --git a/packages/site/src/app/components/route/component/online-ide/files/codesandbox/package.json.ts b/packages/site/src/app/components/route/component/online-ide/files/codesandbox/package.json.ts
index 68030200..58dc7c7e 100644
--- a/packages/site/src/app/components/route/component/online-ide/files/codesandbox/package.json.ts
+++ b/packages/site/src/app/components/route/component/online-ide/files/codesandbox/package.json.ts
@@ -12,6 +12,7 @@ export default function (name: string) {
     "@react-devui/icons": "${lernaJson.version}",
     "@react-devui/ui": "${lernaJson.version}",
     "@react-devui/utils": "${lernaJson.version}",
+    "dayjs": "${packageJson.devDependencies['dayjs']}",
     "react": "${packageJson.devDependencies['react']}",
     "react-dom": "${packageJson.devDependencies['react-dom']}",
     "react-scripts": "latest",
diff --git a/packages/site/src/app/components/route/component/online-ide/files/stackblitz/package.json.ts b/packages/site/src/app/components/route/component/online-ide/files/stackblitz/package.json.ts
index 2d53ba19..3053aca8 100644
--- a/packages/site/src/app/components/route/component/online-ide/files/stackblitz/package.json.ts
+++ b/packages/site/src/app/components/route/component/online-ide/files/stackblitz/package.json.ts
@@ -14,6 +14,7 @@ export default function (name: string) {
       "@react-devui/utils": "${lernaJson.version}",
       "@types/react": "${packageJson.devDependencies['@types/react']}",
       "@types/react-dom": "${packageJson.devDependencies['@types/react-dom']}",
+      "dayjs": "${packageJson.devDependencies['dayjs']}",
       "react": "${packageJson.devDependencies['react']}",
       "react-dom": "${packageJson.devDependencies['react-dom']}",
       "sass": "latest"
diff --git a/packages/site/src/app/components/route/component/online-ide/files/styles.scss.ts b/packages/site/src/app/components/route/component/online-ide/files/styles.scss.ts
index c0b930d6..2e7d81c6 100644
--- a/packages/site/src/app/components/route/component/online-ide/files/styles.scss.ts
+++ b/packages/site/src/app/components/route/component/online-ide/files/styles.scss.ts
@@ -5,14 +5,14 @@ body {
   color: var(--#{$rd-prefix}text-color);
 }
 
-main {
+#app-main {
   width: 100%;
   height: 100vh;
   padding: 20px;
   overflow: auto;
 }
 
-article {
+#app-content {
   height: 200vh;
 }
 `;