From 290b06531027562025f1d3b95388bcd9f96f0a1a Mon Sep 17 00:00:00 2001
From: Linzm <1015157648@qq.com>
Date: Wed, 21 Oct 2026 14:45:51 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=EF=BC=9A=E6=9B=B4=E6=8D=A2?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98=E5=92=8C=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                         |   4 ++--
 oauth.html                         |   2 +-
 public/douyin-logo.png             | Bin 0 -> 2863 bytes
 src/App.vue                        |  21 ++++++++++++++++-----
 src/app.css                        |   2 +-
 src/app.less                       |   6 ++++--
 src/config/config.ts               |   2 ++
 src/router/douyin.ts               |   2 +-
 src/router/index.ts                |   6 +++++-
 src/views/cartoon/index.vue        |   2 ++
 src/views/cartoon/previewOrder.vue |   1 +
 11 files changed, 35 insertions(+), 13 deletions(-)
 create mode 100644 public/douyin-logo.png

diff --git a/index.html b/index.html
index eb3c3d2..7b7db7a 100644
--- a/index.html
+++ b/index.html
@@ -5,8 +5,8 @@
     <meta name="theme-color" content="#ffffff" />
     <meta name="description" content="The template for Vue3 Vant Mobile" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover, user-scalable=no"/>
-    <link rel="icon" href="/favicon.ico" />
-    <title>葡哇立体肖像</title>
+    <link rel="icon" type="image/png" href="/douyin-logo.png" />
+    <title>首页</title>
   </head>
   <body>
     <div id="app" style="max-width: 500px;margin: 0 auto;"></div>
diff --git a/oauth.html b/oauth.html
index 35130b6..eb96252 100644
--- a/oauth.html
+++ b/oauth.html
@@ -5,7 +5,7 @@
     <meta name="theme-color" content="#ffffff" />
     <meta name="description" content="The template for Vue3 Vant Mobile" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover, user-scalable=no"/>
-    <link rel="icon" href="/favicon.ico" />
+    <link rel="icon" type="image/png" href="/douyin-logo.png" />
     <title>Oauth2</title>
   </head>
   <body>
diff --git a/public/douyin-logo.png b/public/douyin-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..cd75476864c583fc508c50d620a779f82c6c13b3
GIT binary patch
literal 2863
zcmV+~3()k5P)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700001b5ch_0Itp)
z=>Px<=}AOER9Hvtm<e!HRThT-bMJev`}LNEkTe8^gus9(i4hCYae#p0u2Dd7+&2)n
z85OI>aWq<k`v}aq1X&!nL4qhcMg$W;AOk2tL88WB0tkVmLzYf&Z@YJ@+oc9Y1eYqS
z##{C3RrR}l&e#9B|GBpx;TJyW7tV)Y0e@_T{=XGm`4LWF5*KkohFd|c*@ihMo{0G2
zsQPm$NHw3}&ni>zX^!bi%o0e`;xbKh-pF*}CIL(%z->90Q8WN`2Lt|5fX7xG+jC52
zr0}@(-LAnIv4+BYG!Q{nZRM8--0u06O+i+(ISp+g1^s)4G3n$+*+aMY?Tln(nGQ!k
zf7fTbLdMZojz;3UAb$uTWiLG8#CAhHvzKn}Dp1UNg(rG9CcMW)rP|letc<zG)D5d_
zJR)QLha+&u*z1s=-5XCXe+3co1cu~wW5MbZ&{NOBfV|b>r2e~xO*%gI{!aq<>;`|2
zEnU4QEDHxB`QC7^R?{=V20M13-lc#DVaJ7mdKXUc#qivwbMV~7vykEOr*d~EVmRZ8
zQ!%hNaPMiaA{fZT`ExIprG+boT{WU@(+>umPywD17;@oF1M8|chWsN|?CUe4ODa?P
zy2Akj3ijGM2oe$momn`}-;Pk52WJj`4JY?ICY6^lhJ<CJ^qCSI*`MU;N8B!*MzFUc
zmC@t#=HyNuhOQq3c-=;*p7udcJAy~ET+#PB9Cf<FWUj^?#H50#V31M(5D3|Bq;UfS
z^f0!!2JpmLb(lT79IM}1h2x5k$Cyh>F=Krxva<}hVWIMqpezpNRzF|*+9`)`k|#$W
zcT`qO{rD{NNzQOd#8#TK-SJ>RP4KYrz>yB(f)KLYh&b%ai^G%zk`lw+`!K0+H5R`4
z4?MMa5hf0wgz(W3Xr2|&xdR`w(GU%wG2+?uVGBm%<_+OPS8)DshpSRL_YG*iJlk#F
z5O+9bx-19~;tofLsiMVHWt*YMm}E@h0_~QP{0!X=2PcW6ykQ)n<zZ;fHQ2bf0Xrgf
zh+{K6szk0U4i^*1;0CsY)3Le3|JaU8*WY$XfH|)W%{JoR)9&fJD?6xL5BJnfvIIk?
zsbY7`En5tCSJ>psO;8`7W)D@l<J%c`o4XR4!<o=qEfvXv2NWA_=D^SG)Q?I?1_?lC
z0)8%#rZ_3cG-lxK)~wJ+T_P8gYpnx8?$>5Uy<U99xtYx^y>#(vKYzlt&(P4+t;^Pg
zt1d3tEZd@xuF3~`==LB}f|{ak?1<|N;u86O%^JQV?oO3H%Vnhil7mQsCGU`6$?nVq
zyj;LV0_ogDO(-o|+rhFixi)rCz}uG%7_O^v3=TvW=LgK(?cH89NA<>pU}bw^O%)k>
z{~H6Ub3bQLTN5tCY)*R&4N*ap5=5giHEZ%7Lq$u63U}PW5qU-mis(zYq?<{C6X54g
ziX{p8^5;44wl%IDfwGkNK*a=}7Tet~$0e^ODT65m%POD+`UH!DYWE*=ed40+-MSsI
zv{|o(vSyhdY~6Fp$h?^f$HftcFW%batM9P1&Vk<eXhHVHZMHhrkdQtVRSFl>5OpK;
zDMxWp1R75^pQLhMsFy5s@~*QaAmROeez`ra#XPE0PYmr5hnv!&&)rP+Rv?d*0#zx%
ziVetv!i)SGf4S38Te}^8#dTYYq-JB!LqnP_3)?Dx{PSLIp_og9q#C%KH8=DMO;MRK
zBV>8*eDRDe51w0j?9wb(Vw^>Uk3%}zcPbeCn<%o=EGQ|!FD^?Ec6Yh3Yqv|Jdu76x
zVS5;Nz(}Az<}c?WGA(X1ugk3ua^SS40N>t-G(*KYQ=}Si>0J#&PHwlgn(~5=`>yZK
zN?+2}qo6bHyo77kZTo7S+`RngTR7q~ZOOJ7X0-5gGb_`p)5>h!C{US$y$KbcHt1-N
zs9;PY*)A0+5!6f+Wp{V>%1zwT6w7$er8*0HYLR1_t$=K|`QjK+v*FNS0Tc<st`uP9
z2bdxWQ(Fz3`9gEixX&D3`G`~7x+bIG_)XnDe@*EJRjFG2&$zW}@P&@BUh*i03?%}8
zoqI;z-6a);xjql(X1UE%b9960U%FK#0iWVPVbbch`J&D3%3tP>-PxE7H?6W?Fw;w`
z1yO%X;9)?_#yi`0t{T}-Yc~U&RyM)yM6k@Varw$n!O(rewRYZVb?wuuvU56|49}zE
z>YEPau4!)-6vv5eOjBcI32wJp{wecM-#Rbpi&0C8Mna(r{M;GJx$qH*7E|!`+rqAe
z^%FPNe>2|G|H(d)lUNdQ^oJ#I9w+G&;F~%+V|UW3tvK6}*w+}%h;%yI-f1Vbv?c>Q
zw;A5c3K9LT23ocfN}DmLIiN;+y0`_y;bM>BeZDoJJyf}6YyH=*Ou7O4tAC)F6}9S2
z25j4DSo6HR$2d3PrnuyH(b`WijCoPl5k}gXL$LQ?`{FmB-Libpd`8BV9&W<NO=#Rk
zhvl-Ow)%+)wna$Ut&q)$DA;1?-3z1JF2h88(PO?b7OX{YRadt#qMGxI&2ztcOl4(Y
z7ztK38usD9CFkB*T~OR%u?>DDu4Jfjbl5K0VtAG)WEVHa0`GR3O1%xr&eGyRN7B2i
z$8Vi}upBRMREIlE^trIuS^PEN;X-|L{`E@-%~qIk9b-avTMG6Xo*At%*TOC+=Vz+s
z)B)bE@C&=r^S)~<`@Z}?<V3w+%$wdU2!x?j*#d)h#J$s1a`JQBvCA!ocC2aZIT1j9
z>(y(Q9LhR85bTczOa?vYUq|QYKC#rR7(+WO?Xi!$(ktDXUG%}?_a4Wh1FyO7Q|>1#
z@mGOHJyVnpAKl1-ZPgRrf9Y$0vQY}^R>|)LO?m;N7|K@d=Y<0+IJe|?u-O$L8HA)x
z*y2$z*$0eG1a;m3r1b~bZIH4Cd#lS4EO`i^7^<u9!`PDRAy@;L7zc?UKu3Y00TKyF
z*f4iYf!6mtFq{pUJmJ#6;Yc@tTrj#2f@T7O!z~u!%2l1;2Aoq;0>PF7@;M0kE{G<;
z!8~vr1;U@8IoUAzI{*y@@C>AU6GSgTic(Bj@dnDrE`%fJgX4Zs>V(o466*l;0ihO?
ztFJ}*m}ddG5yUP4(PNMz2%<trIT*mRAmWf6&nJ!bZNR5Wt^i|mf#lke$v@REVo&u9
z^cwp-AcsL>F^GN-2|pkgfiMoBT1>7Qk2$CIgX1g(VGbmc23Z2aQ~(b`;w(U}f=kST
z$v*<&G=P>vIClelA|L|*Hi1|^q*#Y3)ej_>$+rQY807<_lK>h9Vt0Vxg>B|R(dI)!
z0V5BjeIF$I8yIbXz<J<i5w2a`gz_;{LCA-sEr5IoL|Y)G2~Z(Otbt+u0h&4(pnCv3
z4WJZ6wE)r}<#>=>05COGfvMH0y?TGZ@-gE<^iM!61K1i!+zTn*K+B3t5ghX&AUA+f
zD^#Zp2EPxW>p_@~$yE=gOfh@xG63r!FaU&#FJMI+pf(ULf+cT*LMKDYbP$aM;cbZI
zDOUD}pi?2~?|@{8M;GAMb*Xna`vcB9$q(CgGeAc|Bwt5}8nnn)P`1j!>@jx%ViOc|
zHLj|OpuFTf5EUVF&vZ=u$V3G=I>tT#2<3n+M3RK#JOYJX1c|=M<10wM4$#@D`6PEh
zQeQwcV)BZ|fAThSsD15l=lvv&`f!sT&ir2i4@a$^Z7=?@5C{AIe*sd`(d2pXkK_OV
N002ovPDHLkV1gb&Vr2jT

literal 0
HcmV?d00001

diff --git a/src/App.vue b/src/App.vue
index 5d50caa..eab1932 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { computed, onMounted, watch } from 'vue'
+import { useRoute } from 'vue-router'
 import { useTranslation } from "i18next-vue";
 import * as i18n from '@/lang/utils'
 import { Locale } from 'vant';
@@ -7,11 +9,14 @@ import enUS from 'vant/es/locale/lang/en-US';
 import zhCN from 'vant/es/locale/lang/zh-CN';
 import zhTW from 'vant/es/locale/lang/zh-TW';
 import ko from 'vant/es/locale/lang/ko-KR';
-// import { zhCN } from "element-plus/es/locale";
 
 const { i18next, t } = useTranslation();
 i18n.set(t);
 
+const route = useRoute()
+/** 仅抖音页使用独立布局壳，避免影响 cartoon / badge 等页面 */
+const isDouyinRoute = computed(() => String(route.path || '').startsWith('/douyin'))
+
 // 根据 i18next 语言获取对应的 Vant Locale
 function getVantLocale() {
 	const lang = i18next.language || "zh-CN";
@@ -62,7 +67,7 @@ onMounted(() => {
 <template>
     <router-view v-slot="{ Component }">
         <Suspense>
-            <div class="app-shell">
+            <div :class="isDouyinRoute ? 'app-shell app-shell--douyin' : 'app-shell'">
                 <component :is="Component" />
             </div>
         </Suspense>
@@ -70,16 +75,22 @@ onMounted(() => {
 </template>
 
 <style scoped lang="scss">
-/* 全站最大宽度，桌面端居中；transform 让 position:fixed 相对本容器对齐 */
+/* 公共根节点：cartoon 等页白底 */
 .app-shell {
   width: 100%;
-  max-width: 540px;
   min-height: 100vh;
   min-height: 100dvh;
+  box-sizing: border-box;
+  background-color: #ffffff;
+}
+
+/* 仅抖音链路：桌面居中 + fixed 相对本容器（不影响 cartoon） */
+.app-shell--douyin {
+  max-width: 540px;
   margin: 0 auto;
   position: relative;
-  box-sizing: border-box;
   overflow-x: hidden;
   transform: translateZ(0);
+  background-color: transparent;
 }
 </style>
diff --git a/src/app.css b/src/app.css
index fec32cc..7792c11 100644
--- a/src/app.css
+++ b/src/app.css
@@ -12,7 +12,7 @@
   color-scheme: light !important;
 }
 [data-theme='light'] body {
-  background-color: #eff2f5;
+  background-color: #ffffff;
 }
 :root {
   --van-checkbox-checked-icon-color: #07c160;
diff --git a/src/app.less b/src/app.less
index 379a231..b56f821 100644
--- a/src/app.less
+++ b/src/app.less
@@ -4,13 +4,15 @@ body {
   padding: 0;
   width: 100%;
   min-height: 100%;
-  background-color: #eff2f5;
+  /* cartoon 等业务页默认白底；勿用全局灰底覆盖 */
+  background-color: #ffffff;
 }
 
 #app {
   width: 100%;
   min-height: 100vh;
   min-height: 100dvh;
+  background-color: #ffffff;
 }
 
 *,
@@ -33,7 +35,7 @@ body {
   }
 
   body {
-    background-color: #eff2f5;
+    background-color: #ffffff;
   }
 }
 
diff --git a/src/config/config.ts b/src/config/config.ts
index e79713f..d158ab2 100644
--- a/src/config/config.ts
+++ b/src/config/config.ts
@@ -1,3 +1,5 @@
 export const config: any = {
+  /** 暂时隐藏浏览器标题中的品牌名；恢复时改回 true / 填回 brand */
+  showBrandInTitle: false,
   brand: '葡哇立体肖像',
 }
diff --git a/src/router/douyin.ts b/src/router/douyin.ts
index 29affcf..6e17b25 100644
--- a/src/router/douyin.ts
+++ b/src/router/douyin.ts
@@ -13,7 +13,7 @@ export const routes = [
     component: douyinHome,
     meta: {
       needGuard: true,
-      title: '抖音定制',
+      title: '首页',
       channel: 'douyin',
     },
   },
diff --git a/src/router/index.ts b/src/router/index.ts
index 399529d..98d44a1 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -72,7 +72,11 @@ router.beforeEach((_to, _from, next) => {
   }
   
   const pageTitle = (_to.meta.title as string) || '相册'
-  window.document.title = `${config.brand.$t} - ${pageTitle.$t || pageTitle}`
+  const titleText = pageTitle.$t || pageTitle
+  const brandText = config.brand?.$t || config.brand || ''
+  // 暂时去掉「葡哇立体肖像」前缀，仅保留页面标题（如「抖音定制」）
+  window.document.title =
+    config.showBrandInTitle && brandText ? `${brandText} - ${titleText}` : String(titleText)
   NProgress.start() // start progress bar
   const needGuard = _to.meta.needGuard
   if (needGuard) {
diff --git a/src/views/cartoon/index.vue b/src/views/cartoon/index.vue
index 1a01b04..8f75ddd 100644
--- a/src/views/cartoon/index.vue
+++ b/src/views/cartoon/index.vue
@@ -707,6 +707,8 @@ onMounted(() => {
 .photo-upload-page {
   height: auto;
   overflow-y: scroll!important;
+  min-height: 100vh;
+  background-color: #ffffff;
 }
 .badge-size {
   padding: 16px;
diff --git a/src/views/cartoon/previewOrder.vue b/src/views/cartoon/previewOrder.vue
index 2b01b40..ac10f70 100644
--- a/src/views/cartoon/previewOrder.vue
+++ b/src/views/cartoon/previewOrder.vue
@@ -1554,6 +1554,7 @@ watch(() => isViews.value, (val) => {
   min-height: 100vh;
   font-family: 'PingFang SC', Arial, sans-serif;
   color: #222;
+  background-color: #ffffff;
 }
 .backstyle_1 {
   position: fixed;