1. 前端开发
  2. 自定义前端脚本

自定义前端脚本

可以在任何一个软件包的main/defaunt/client文件夹中的.client.js后缀的脚本文件中编写全局脚本代码。

比如我们可以在路径 steedos-app/main/defaunt/client 路径下分别创建以下脚本文件用于百度统计分析及自定义全局样式。

  • style.client.js
  • analytics.baidu.client.js

示例:自定义样式

因为前面提到华炎魔方支持编写自定义前端脚本,所以我们可以通过在脚本文件中加入一段代码来实现自定义样式。

steedos-app/main/defaunt/client/style.client.js

(function () {
    try {
        var styleCss = $(`<style>
            .steedos .slds-global-header_container{
              background: #000;
            }
            .steedos .slds-global-header_container .slds-button_icon {
              color: #fff;
            }
        </style>`);
        $("head").append(styleCss);
    } catch (error) {
        console.log(error);
    }
})();

以上脚本代码可以把页面顶部背景颜色换成黑色主题。