wip(x): 页面不支持使用 :host

chouchouji · chouchouji · commit 14148a85614e · 2025-11-13T17:45:00.000+08:00
diff --git a/packages/uni-mp-alipay/src/compiler/options.ts b/packages/uni-mp-alipay/src/compiler/options.ts
@@ -52,7 +52,7 @@ export const miniProgram: MiniProgramCompilerOptions = {
   },
   directive: 'a:',
   component: {
-    // 支付宝小程序支持 :host 选择器
+    // 只有组件支持 :host 选择器，还需开启 virtualHost: false (https://opendocs.alipay.com/mini/framework/component-template#%3Ahost%20%E9%80%89%E6%8B%A9%E5%99%A8)
     ':host': true,
     dir: COMPONENTS_DIR,
     getPropertySync: true,
diff --git a/packages/uni-mp-vite/src/plugin/configResolved.ts b/packages/uni-mp-vite/src/plugin/configResolved.ts
@@ -150,7 +150,7 @@ export function createConfigResolved({
               const flexDirection = parseUniXFlexDirection(
                 parseManifestJsonOnce(process.env.UNI_INPUT_DIR)
               )
-              cssCode = `:host{display:flex;flex-direction:${flexDirection}}\n${cssCode}`
+              cssCode = `:host,page{display:flex;flex-direction:${flexDirection}}\n${cssCode}`
             }
 
             if (!isMiniProgramPageFile(filename)) {

Original file line number	Diff line number	Diff line change
`@@ -150,7 +150,7 @@ export function createConfigResolved({`
`150`	`150`	`const flexDirection = parseUniXFlexDirection(`
`151`	`151`	`parseManifestJsonOnce(process.env.UNI_INPUT_DIR)`
`152`	`152`	`)`
`153`		- cssCode = `:host{display:flex;flex-direction:${flexDirection}}\n${cssCode}`
	`153`	+ cssCode = `:host,page{display:flex;flex-direction:${flexDirection}}\n${cssCode}`
`154`	`154`	`}`
`155`	`155`
`156`	`156`	`if (!isMiniProgramPageFile(filename)) {`