Question

我目前正在使用Stencil，PWA Toolkit和Ionic 4创建我的第一个PWA。从一页（离子含量）切换到另一页时，我无法解释自己的行为。情况如下：

CSS第1页（应用首页）：

ion-content {
         --background: pink;
            }

CSS第二页（应用数据）：

ion-content {
         --background: white;
}

带有以下语句：

this.router.push ('/data', 'forward');

该应用程序从第1页更改为第2页。但是背景仍然是粉红色，并且没有像预期的那样变为白色。当我刷新网址“ / data”时，背景变成白色。然后，当我返回首页时，背景保持白色。

我在做什么错了？

Answer 1

之所以这样工作，是因为默认情况下Stencil中没有CSS范围定义，因此THRESHOLD=0.4 #0.4 to 0.6 incremented by 0.5 predictions=np.where(classifier.predict_proba(X_test)[:,1] > THRESHOLD,1,0) pd.DataFrame(data=[accuracy_score(Y_test, predictions), recall_score(Y_test, predictions), precision_score(Y_test, predictions), roc_auc_score(Y_test, predictions), f1_score(Y_test,predictions)], index=["accuracy", "recall", "precision", "roc_auc_score",'f1_score'])选择器的规则在页面中应用了两次。

您需要在每个样式之前添加一个组件选择器，以正确确定它们的范围。

例如：

ion-content

详细了解模板here中的样式

Stenciljs：路由到新内容并且不能更改背景

1 个答案: