feat: wot 主题色配置

manifest.config.ts

@@ -89,6 +89,7 @@ export default defineManifestConfig({
   },
   'mp-alipay': {
     usingComponents: true,
+    styleIsolation: 'shared',
   },
   'mp-baidu': {
     usingComponents: true,

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>

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>

src/manifest.json

@@ -59,7 +59,8 @@
     "usingComponents": true
   },
   "mp-alipay": {
-    "usingComponents": true
+    "usingComponents": true,
+    "styleIsolation": "shared"
   },
   "mp-baidu": {
     "usingComponents": true

src/style/index.scss

@@ -5,3 +5,9 @@
   padding-top: 4px;
   color: red;
 }
+
+:root,
+page {
+  // 修改按钮背景色
+  --wot-button-primary-bg-color: green;
+}