From 02752ddb55e6ac651cec2e1752d6a1c8f943988e Mon Sep 17 00:00:00 2001
From: zhenyuWang <13641039885@163.com>
Date: Tue, 25 Oct 2022 18:27:21 +0800
Subject: [PATCH] =?UTF-8?q?fix(h5):=20=E4=BF=AE=E5=A4=8Dpage=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E5=99=A8=E5=AA=92=E4=BD=93=E6=9F=A5=E8=AF=A2=E6=97=A0?=
 =?UTF-8?q?=E6=95=88=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../packages/postcss/index.js                 | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/vue-cli-plugin-uni/packages/postcss/index.js b/packages/vue-cli-plugin-uni/packages/postcss/index.js
index a0da64cb6..5bbe58d53 100644
--- a/packages/vue-cli-plugin-uni/packages/postcss/index.js
+++ b/packages/vue-cli-plugin-uni/packages/postcss/index.js
@@ -170,8 +170,6 @@ if (process.env.UNI_USING_V3) {
       if (process.env.UNI_PLATFORM === 'h5') {
         // Transform CSS AST here
 
-        const bgDecls = []
-
         root.walkRules(rule => {
           let hasPage = false
           // Transform each rule here
@@ -197,6 +195,7 @@ if (process.env.UNI_USING_V3) {
               )
             })
           }
+          const bgDecls = []
           // handle upx unit
           rule.walkDecls(decl => {
             if (hasPage) {
@@ -207,6 +206,15 @@ if (process.env.UNI_USING_V3) {
             // Transform each property declaration here
             decl.value = tranformValue(decl.value, opts)
           })
+
+          // handle body background rule
+          if (bgDecls.length) {
+            const bodyRule = postcss.rule({
+              selector: 'body.?%PAGE?%'
+            })
+            bgDecls.forEach(decl => bodyRule.append(decl))
+            rule.after(bodyRule)
+          }
         })
 
         root.walkAtRules(rule => {
@@ -214,14 +222,6 @@ if (process.env.UNI_USING_V3) {
             rule.params = tranformValue(rule.params, opts)
           }
         })
-
-        if (bgDecls.length) {
-          const rule = postcss.rule({
-            selector: 'body.?%PAGE?%'
-          })
-          bgDecls.forEach(decl => rule.append(decl))
-          root.append(rule)
-        }
       } else {
         root.walkRules(rule => {
           const selectors = transformSelector(rule.selectors.join(','), function (selectors) {
-- 
GitLab