diff --git a/manifest.config.ts b/manifest.config.ts
index 4cc4e1f..6f8667a 100644
--- a/manifest.config.ts
+++ b/manifest.config.ts
@@ -89,6 +89,7 @@ export default defineManifestConfig({
   },
   'mp-alipay': {
     usingComponents: true,
+    styleIsolation: 'shared',
   },
   'mp-baidu': {
     usingComponents: true,
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index 5a296ff..80ed2dc 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -1,5 +1,7 @@
 <template>
-  <view class="default-layout">
+  <wd-config-provider>
     <slot />
-  </view>
+    <wd-toast />
+    <wd-message-box />
+  </wd-config-provider>
 </template>
diff --git a/src/layouts/demo.vue b/src/layouts/demo.vue
index 44407ec..80ed2dc 100644
--- a/src/layouts/demo.vue
+++ b/src/layouts/demo.vue
@@ -1,5 +1,7 @@
 <template>
-  <view class="demo-layout">
+  <wd-config-provider>
     <slot />
-  </view>
+    <wd-toast />
+    <wd-message-box />
+  </wd-config-provider>
 </template>
diff --git a/src/manifest.json b/src/manifest.json
index f6ad007..0999421 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -59,7 +59,8 @@
     "usingComponents": true
   },
   "mp-alipay": {
-    "usingComponents": true
+    "usingComponents": true,
+    "styleIsolation": "shared"
   },
   "mp-baidu": {
     "usingComponents": true
diff --git a/src/style/index.scss b/src/style/index.scss
index 3456387..466319f 100644
--- a/src/style/index.scss
+++ b/src/style/index.scss
@@ -5,3 +5,9 @@
   padding-top: 4px;
   color: red;
 }
+
+:root,
+page {
+  // 修改按钮背景色
+  --wot-button-primary-bg-color: green;
+}