所以我面临着通过 Buildfire 平台创建大型定制应用程序的挑战。客户端有许多自定义元素样式,它们被仪表板中的 appTheme 设置覆盖,而以传统 CSS 方式覆盖这些样式已成为一项艰巨的任务。
我编写了这个小函数来删除注入应用程序的自定义样式,到目前为止,所有客户端的自定义样式都正确显示。
我想我会与社区分享这个问题,因为这对我们的团队来说是一个没有解决方案的问题。
所以我面临着通过 Buildfire 平台创建大型定制应用程序的挑战。客户端有许多自定义元素样式,它们被仪表板中的 appTheme 设置覆盖,而以传统 CSS 方式覆盖这些样式已成为一项艰巨的任务。
我编写了这个小函数来删除注入应用程序的自定义样式,到目前为止,所有客户端的自定义样式都正确显示。
我想我会与社区分享这个问题,因为这对我们的团队来说是一个没有解决方案的问题。
如果您希望在插件中禁用 appTheme CSS,您可以简单地在小部件的 HTML 中使用元标记,如下所示:
<meta name="buildfire" content="disableTheme">
这包含在元标记部分下的 SDK wiki 。
这段代码在我的 AngularJS 应用程序的 index.html 文件中。
<body ng-controller="mainController" onload="removeCustomCSS()">
<script>
function removeCustomCSS() {
let links = document.querySelectorAll('[href*=appTheme]');
links[0].remove();
}
</script>