修改福利社区,云机推荐页面app进入页面背景色改为白色

README.md

@@ -16,6 +16,8 @@ test 测试环境
 staging 验收环境
 production 生产环境
 
+## node 版本 16.18.0
+
 ## Build Setup
 
 ```bash

pages/introductionCloudPhone/articleDetails.vue

@@ -1,7 +1,9 @@
+<!-- @notes: 页面于2024-11-17 由判断是否为app [isShowApp] 进行背景颜色判断的需求取消,统一换成白色背景. html上直接写 布尔值的均由 [isShowApp] 替换-->
 <template>
   <layoutBack :isGoBack='false'>
     <layout title='福利社区文章' :isRouterBack="true">
-      <div :class="isShowApp?'article':'article article-white'">
+      <!-- <div :class="isShowApp?'article':'article article-white'"> -->
+      <div class="article" :class="{'article-white': !false}">
         <div class="article-title" v-if="isShowApp">
           福利社区文章
         </div>

pages/introductionCloudPhone/components/layout.vue

@@ -1,5 +1,7 @@
+<!-- @notes: 页面于2024-11-17 由判断是否为app [isShowApp] 进行背景颜色判断的需求取消,统一换成白色背景. html上直接写 布尔值的均由 [isShowApp] 替换-->
 <template>
-  <div :class="isShowApp?'layout':'layout layout-white'">
+  <!-- <div :class="isShowApp?'layout':'layout layout-white'"> -->
+  <div class="layout" :class="{'layout-white': !false}">
     <div style="height: 12.2666666667vw" v-if="isShowNavBar">
       <van-nav-bar :title="title" left-arrow fixed @click-left="goBackFun" />
     </div>
@@ -39,9 +41,9 @@ export default {
   mounted() { },
   computed: {
     containerStyle() {
-      if (this.isShowApp) {
-        return { backgroundColor: '#1C1C1E', padding: this.padding ? this.padding : '16px' };
-      }
+      // if (this.isShowApp) {
+      //   return { backgroundColor: '#1C1C1E', padding: this.padding ? this.padding : '16px' };
+      // }
       return { backgroundColor: '#F2F4F7', padding: this.padding ? this.padding : '16px' };
     },
     isShowApp() {

pages/introductionCloudPhone/index.vue

@@ -1,12 +1,14 @@
+<!-- @notes: 页面于2024-11-17 由判断是否为app [isShowApp] 进行背景颜色判断的需求取消,统一换成白色背景. html上直接写 布尔值的均由 [isShowApp] 替换-->
 <template>
   <layoutBack :isGoBack='true'>
     <layout title='推荐云手机'>
-      <div :class="isShowApp?'introduction':'introduction introduction-white'">
+      <!-- <div :class="isShowApp?'introduction':'introduction introduction-white'"> -->
+      <div class="introduction" :class="{'introduction-white': !false}">
         <div class="introduction-title" v-if="isShowApp">
           推荐云手机
         </div>
 
-        <div class="introduction-tips" :style="{color: isShowApp ? '#EDEEF0' : '#0A132B' }">
+        <div class="introduction-tips" :style="{color: false ? '#EDEEF0' : '#0A132B' }">
           请搜索您在云手机内希望使用的应用！
         </div>
 
@@ -56,10 +58,10 @@
           <div class="empty">
           <div class="empty-title">当前搜索结果为空，您可以通过下面两种方式在云手机安装APP（限安卓手机应用上传安装）</div>
           <div class="empty-img">
-            <img :src="require(`@/assets/image/introductionCloudPhone/${isShowApp ? 'empty-tips-default' : 'empty-tips-defaultWhite'}.png`)" alt="">
+            <img :src="require(`@/assets/image/introductionCloudPhone/${false ? 'empty-tips-default' : 'empty-tips-defaultWhite'}.png`)" alt="">
           </div>
           <div class="empty-tips">
-              <div :style="{color: isShowApp ? '#EDEEF0' : '#0A132B' }">
+              <div :style="{color: false ? '#EDEEF0' : '#0A132B' }">
                 温馨提示：
               </div>
               <div>
@@ -67,7 +69,7 @@
               </div>
           </div>
           <div class="empty-btn" style="bottom: 24px; left: 16px;width: calc(100% - 32PX)">
-            <div v-for="item in emptyBtn" :key="item.key" @click="emptyBtnFun(item.type)" :class="{dark: isShowApp && !item.type}">
+            <div v-for="item in emptyBtn" :key="item.key" @click="emptyBtnFun(item.type)" :class="{dark: false && !item.type}">
               {{ item.name }}
             </div>
           </div>