diff --git a/main.js b/main.js
index f0074dad9eea4b5c5c77983f2edc82d904b21eb7..b85fc2413b39fbb1c7ac0362c65613a38f9376bf 100644
--- a/main.js
+++ b/main.js
@@ -1,10 +1,21 @@
 import App from './App'
 
+// #ifndef VUE3
+import Vue from 'vue'
+Vue.config.productionTip = false
+App.mpType = 'app'
+const app = new Vue({
+  ...App
+})
+app.$mount()
+// #endif
+
+// #ifdef VUE3
 import { createSSRApp } from 'vue'
 export function createApp() {
   const app = createSSRApp(App)
-
   return {
     app
   }
-}
\ No newline at end of file
+}
+// #endif
diff --git a/pages/SyntaxCase/consoleTest.vue b/pages/SyntaxCase/consoleTest.vue
index 54d896a8b6629e710e0de1c333f2934c901319d8..6dc7c1c9eaae5c8fa335ad411600d93b905f6bb2 100644
--- a/pages/SyntaxCase/consoleTest.vue
+++ b/pages/SyntaxCase/consoleTest.vue
@@ -1,12 +1,14 @@
 <template>
-	<button @click="logStr">打印字符串</button>
-	<button @click="logFloat">打印浮点数</button>
-	<button @click="logInt">打印整数</button>
-	<button @click="logObject">打印对象</button>
-	<button @click="logFunction">打印函数</button>
-	<button @click="logFile">打印文件</button>
-	<button @click="logDate">打印日期</button>
-	<button @click="logDateCombine">组合打印日期</button>
+  <div>
+    <button @click="logStr">打印字符串</button>
+    <button @click="logFloat">打印浮点数</button>
+    <button @click="logInt">打印整数</button>
+    <button @click="logObject">打印对象</button>
+    <button @click="logFunction">打印函数</button>
+    <button @click="logFile">打印文件</button>
+    <button @click="logDate">打印日期</button>
+    <button @click="logDateCombine">组合打印日期</button>
+  </div>
 </template>
 
 <script>
diff --git a/pages/SyntaxCase/instanceTest.vue b/pages/SyntaxCase/instanceTest.vue
index 63f10a3d90deb152497cd4ebb4fe52da84d69d2d..07c115e61bde222122ace9e97cbec9c1876d83e2 100644
--- a/pages/SyntaxCase/instanceTest.vue
+++ b/pages/SyntaxCase/instanceTest.vue
@@ -1,6 +1,8 @@
 <template>
-	{{ret}}
-	<button @click="instanceCreate">多实例创建测试</button>
+  <div>
+    {{ret}}
+    <button @click="instanceCreate">多实例创建测试</button>
+  </div>
 	
 </template>
 
diff --git a/pages/SyntaxCase/paramTest.vue b/pages/SyntaxCase/paramTest.vue
index 5c33c26131f7f8d64cf0f349df19906309697a3e..f10ce2fd43c8114227f538928b093af3ffb15f93 100644
--- a/pages/SyntaxCase/paramTest.vue
+++ b/pages/SyntaxCase/paramTest.vue
@@ -1,10 +1,12 @@
 <template>
-	<button @click="inputArrayTest">传入数组参数</button>
-	<button @click="inputParamTest">传入复杂对象参数</button>
-	<button @click="returnArrayTest">返回数组参数</button>
-	<button @click="returnParamTest">返回复杂对象参数</button>
-	<button @click="callbackArrayTest">异步返回数组</button>
-	<button @click="callbackParamTest">异步返回复杂对象</button>
+  <div>
+    <button @click="inputArrayTest">传入数组参数</button>
+    <button @click="inputParamTest">传入复杂对象参数</button>
+    <button @click="returnArrayTest">返回数组参数</button>
+    <button @click="returnParamTest">返回复杂对象参数</button>
+    <button @click="callbackArrayTest">异步返回数组</button>
+    <button @click="callbackParamTest">异步返回复杂对象</button>
+  </div>
 </template>
 
 <script>