fix: 问题调试

app/web/page/activity/view/activity/index.ts

 import { Vue, Component, Watch, Provide, Mixins } from 'vue-property-decorator';
 import { Getter, State, Mutation } from 'vuex-class';
+import Bridge from '@qg/js-bridge';
 import FreedomContainer from '../../component/FreedomContainer/index.vue';
 import PageBottomTip from '../../component/PageBottomTip/index.vue';
 import GridLayout from '../../component/VueGridLayout/GridLayout.vue';
@@ -7,7 +8,8 @@ import GridItem from '../../component/VueGridLayout/GridItem.vue';
 import TransformStyleMixin from '@/page/mixins/transformStyle.mixin';
 import SaMixin from '@/page/mixins/sa.mixin';
 import { getStyle, debounce, isApp } from '@/service/utils.service';
-import { setAppTitleColor } from '@/service/color.service';
+import { hexToRgb } from '@/service/color.service';
+const jsBridge = new Bridge();
 @Component({ components: { FreedomContainer, GridLayout, GridItem, PageBottomTip }, name: 'Activity'})
 export default class Activity extends Mixins(TransformStyleMixin, SaMixin) {
   @Getter('pageData') pageData;
@@ -78,13 +80,35 @@ export default class Activity extends Mixins(TransformStyleMixin, SaMixin) {
   mounted() {
     this.targetEle = document.querySelector('body');
     this.showBackTop = true;
-    isApp && setAppTitleColor(this.pageData.props.titleBgColor);
+    isApp && this.setAppTitleColor(this.pageData.props.titleBgColor);
   }
   fetchApi(options) {
     const { store, route } = options;
     const { pageId } = route.params;
     return store.dispatch('getPageDate', { pageId });
   }
+  setAppTitleColor(bgcolor = "#fff") {
+    if (!isApp && !EASY_ENV_IS_BROWSER) return;
+    console.log('setAppTitleColor', bgcolor);
+    const isGradient = Array.isArray(bgcolor);
+    let rgbColor = isGradient ? bgcolor[0] : bgcolor;
+    if (rgbColor.toLocaleLowerCase().indexOf("rgb") === -1) rgbColor = hexToRgb(rgbColor);
+    const isDarkContent = 0.213 * rgbColor[0] + 0.715 * rgbColor[1] + 0.072 * rgbColor[2] <= 255 / 2;
+    const colors = isGradient
+      ? [bgcolor[0].substr(1), bgcolor[1].substr(1)]
+      : [bgcolor.substr(1), bgcolor.substr(1)];
+    console.log('setAppTitleColor start');
+    jsBridge.run({
+      event: "resetNavigationBarColor",
+      data: {
+        isDarkContent,
+        colors
+      },
+      callback() {
+        console.log('setAppTitleColor finish');
+      }
+    });
+  }
 
   modifyPoints() {
     const clientWidth = document.documentElement.clientWidth > 768 ? 375 : document.documentElement.clientWidth;

app/web/service/color.service.ts

 // tslint:disable
-import Bridge from '@qg/js-bridge';
 import { isApp } from './utils.service';
 
 // RGB转HEX
@@ -74,25 +73,4 @@ export function isColor(color) {
   var re2 = /^rgb\(([0-9]|[0-9][0-9]|25[0-5]|2[0-4][0-9]|[0-1][0-9][0-9])\\,([0-9]|[0-9][0-9]|25[0-5]|2[0-4][0-9]|[0-1][0-9][0-9])\\,([0-9]|[0-9][0-9]|25[0-5]|2[0-4][0-9]|[0-1][0-9][0-9])\)$/i;
   var re3 = /^rgba\(([0-9]|[0-9][0-9]|25[0-5]|2[0-4][0-9]|[0-1][0-9][0-9])\\,([0-9]|[0-9][0-9]|25[0-5]|2[0-4][0-9]|[0-1][0-9][0-9])\\,([0-9]|[0-9][0-9]|25[0-5]|2[0-4][0-9]|[0-1][0-9][0-9])\\,(1|1.0|0.[0-9])\)$/i;
   return re2.test(color) || re1.test(color) || re3.test(color);
-}
-
+}
\ No newline at end of file
-
-export function setAppTitleColor(bgcolor = "#fff") {
-  if (!isApp && !EASY_ENV_IS_BROWSER) return;
-  let jsBridge = new Bridge();
-  const isGradient = Array.isArray(bgcolor);
-  let rgbColor = isGradient ? bgcolor[0] : bgcolor;
-  if (rgbColor.toLocaleLowerCase().indexOf("rgb") === -1) rgbColor = hexToRgb(rgbColor);
-  const isDarkContent = 0.213 * rgbColor[0] + 0.715 * rgbColor[1] + 0.072 * rgbColor[2] <= 255 / 2;
-  const colors = isGradient
-    ? [bgcolor[0].substr(1), bgcolor[1].substr(1)]
-    : [bgcolor.substr(1), bgcolor.substr(1)];
-  jsBridge.run({
-    event: "resetNavigationBarColor",
-    data: {
-      isDarkContent,
-      colors
-    }
-  });
-  jsBridge = null;
-}