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/package.json b/package.json
index 0e7b3c0..7ba5f2f 100644
--- a/package.json
+++ b/package.json
@@ -98,7 +98,8 @@
     "pinia-plugin-persistedstate": "3.2.1",
     "qs": "6.5.3",
     "vue": "3.4.26",
-    "wot-design-uni": "^1.2.13"
+    "wot-design-uni": "^1.2.13",
+    "z-paging": "^2.7.10"
   },
   "devDependencies": {
     "@commitlint/cli": "^18.4.3",
diff --git a/pages.config.ts b/pages.config.ts
index 7f4f019..abc552b 100644
--- a/pages.config.ts
+++ b/pages.config.ts
@@ -13,6 +13,8 @@ export default defineUniPages({
     custom: {
       // '^fg-(.*)': '@/components/fg-$1.vue',
       '^wd-(.*)': 'wot-design-uni/components/wd-$1/wd-$1.vue',
+      '^(?!z-paging-refresh|z-paging-load-more)z-paging(.*)':
+        'z-paging/components/z-paging$1/z-paging$1.vue',
     },
   },
   tabBar: {
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index 5a296ff..768d875 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -1,5 +1,17 @@
 <template>
-  <view class="default-layout">
+  <wd-config-provider :themeVars="themeVars">
     <slot />
-  </view>
+    <wd-toast />
+    <wd-message-box />
+  </wd-config-provider>
 </template>
+
+<script lang="ts" setup>
+import type { ConfigProviderThemeVars } from 'wot-design-uni'
+
+const themeVars: ConfigProviderThemeVars = {
+  // colorTheme: 'red',
+  // buttonPrimaryBgColor: '#07c160',
+  // buttonPrimaryColor: '#07c160',
+}
+</script>
diff --git a/src/layouts/demo.vue b/src/layouts/demo.vue
index 44407ec..768d875 100644
--- a/src/layouts/demo.vue
+++ b/src/layouts/demo.vue
@@ -1,5 +1,17 @@
 <template>
-  <view class="demo-layout">
+  <wd-config-provider :themeVars="themeVars">
     <slot />
-  </view>
+    <wd-toast />
+    <wd-message-box />
+  </wd-config-provider>
 </template>
+
+<script lang="ts" setup>
+import type { ConfigProviderThemeVars } from 'wot-design-uni'
+
+const themeVars: ConfigProviderThemeVars = {
+  // colorTheme: 'red',
+  // buttonPrimaryBgColor: '#07c160',
+  // buttonPrimaryColor: '#07c160',
+}
+</script>
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/pages.json b/src/pages.json
index 9d3ed60..bd8ff73 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -9,7 +9,8 @@
   "easycom": {
     "autoscan": true,
     "custom": {
-      "^wd-(.*)": "wot-design-uni/components/wd-$1/wd-$1.vue"
+      "^wd-(.*)": "wot-design-uni/components/wd-$1/wd-$1.vue",
+      "^(?!z-paging-refresh|z-paging-load-more)z-paging(.*)": "z-paging/components/z-paging$1/z-paging$1.vue"
     }
   },
   "tabBar": {
diff --git a/src/style/index.scss b/src/style/index.scss
index 3456387..0c33c31 100644
--- a/src/style/index.scss
+++ b/src/style/index.scss
@@ -5,3 +5,12 @@
   padding-top: 4px;
   color: red;
 }
+
+:root,
+page {
+  // 修改按主题色
+  // --wot-color-theme: #37c2bc;
+
+  // 修改按钮背景色
+  // --wot-button-primary-bg-color: green;
+}