路徑：D:\ireport365\ireport365.war\js\enduser\designer\vs-designer.js 在這里改個方法 判斷是背景色還是漸變色 如圖的位置 搜索ReportPageTemplateListCtrl應該可以找到  ``` // 判斷是漸變色還是背景圖片 m.compileAttachmentStyleUrl = function(p,t,jb) { // console.log(t) if(t){ return jb } // console.log(p) if (p == null || p === "/" || p === "/null") { return "" } return "url('" + attachmentPrefix + m.compileUrl(p) + "')" }; ``` 添加漸變色配置項 在2500行 大概 位置如圖  ``` { name: "bgColor", title: { text: "背景漸變色" }, elements: [{ title: "開啟漸變色", type: "switch", bind: "GradualChange", on: vsLang.on, off: vsLang.off },{ title: vsLang.bg_color+"(1)", type: "colorpicker", bind: "backgroundOne", show: function() { return g.$parent.configingReportPage != null && g.$parent.configingReportPage.config.GradualChange }, }, { title: vsLang.bg_color+"(2)", type: "colorpicker", bind: "backgroundTow", show: function() { return g.$parent.configingReportPage != null && g.$parent.configingReportPage.config.GradualChange }, },{ title: "漸變方向", type: "configSlide", bind: "backgrouneDeg", show: function() { return g.$parent.configingReportPage != null && g.$parent.configingReportPage.config.GradualChange }, config: { slideStart: 0, slideEnd: 360 } },] }, ``` 監聽配置屬性 位置如圖 搜索onComponentRendered方法下面  ``` // 漸變色開關 l.$watch("$parent.currentReportPage.designContent.config.GradualChange", function(v, u) { // console.log(v) if (v != null && u != null) { if (!v) { l.$parent.currentReportPage.designContent.config.GradualChange = false; } else { l.$parent.currentReportPage.designContent.config.GradualChange = v; } } }); // end // 監聽背景漸變色 l.$watch("$parent.currentReportPage.designContent.config.backgroundOne", function(v, u) { // console.log(v) if (v != null && u != null) { if (!v) { l.$parent.currentReportPage.designContent.config.backgroundOne = "#ffffff"; } else { l.$parent.currentReportPage.designContent.config.backgroundOne = v; var deg = l.$parent.currentReportPage.designContent.config.backgrouneDeg; l.$parent.currentReportPage.designContent.config.jianbian ='linear-gradient('+deg+'deg,'+v+','+l.$parent.currentReportPage.designContent.config.backgroundTow+')' } } }); l.$watch("$parent.currentReportPage.designContent.config.backgroundTow", function(v, u) { // console.log(v) if (v != null && u != null) { if (!v) { l.$parent.currentReportPage.designContent.config.backgroundTow = "#ffffff"; } else { l.$parent.currentReportPage.designContent.config.backgroundTow = v; var deg = l.$parent.currentReportPage.designContent.config.backgrouneDeg; l.$parent.currentReportPage.designContent.config.jianbian ='linear-gradient('+deg+'deg,'+l.$parent.currentReportPage.designContent.config.backgroundOne+','+v+')' } } }); l.$watch("$parent.currentReportPage.designContent.config.backgrouneDeg", function(v, u) { // console.log(v) if (v != null && u != null) { if (!v) { l.$parent.currentReportPage.designContent.config.backgrouneDeg = 0; } else { l.$parent.currentReportPage.designContent.config.backgrouneDeg = v; l.$parent.currentReportPage.designContent.config.jianbian ='linear-gradient('+v+'deg,'+l.$parent.currentReportPage.designContent.config.backgroundOne+','+l.$parent.currentReportPage.designContent.config.backgroundTow+')' console.log(l.$parent.currentReportPage.designContent.config.jianbian) } } }); // end ``` 設置頁 路徑：D:\ireport365\ireport365.war\template\designer\main.html 如下圖位置 整行復制吧 防止出錯  ``` <div id="simulator" ng-init="initCtrl()" ng-controller="SimulatorCtrl" ng-style="{'background-size':currentReportPage.designContent.config.backgroundSize.x+' '+currentReportPage.designContent.config.backgroundSize.y, 'background-position':currentReportPage.designContent.config.backgroundPosition.x+' '+currentReportPage.designContent.config.backgroundPosition.y, 'background-image':compileAttachmentStyleUrl(currentReportPage.designContent.config.backgroundImage,currentReportPage.designContent.config.GradualChange,currentReportPage.designContent.config.jianbian), 'background-repeat':currentReportPage.designContent.config.backgroundRepeat,'background-color':currentReportPage.designContent.config.backgroundColor}"> ``` 分享頁 路徑：D:\ireport365\ireport365.war\WEB-INF\classes\system-resource\report-template.html 位置如圖 整行復制吧 防止出錯  ``` <body onload="beginLoadScript()" ng-controller="AppCtrl" ng-style="{'background-size':reportPage.config.backgroundSize.x+' '+reportPage.config.backgroundSize.y, 'background-position':reportPage.config.backgroundPosition.x+' '+reportPage.config.backgroundPosition.y, 'background-image':reportPage.config.GradualChange ? reportPage.config.jianbian : 'url('+compileImageUrl(attachmentPrefix+reportPage.config.backgroundImage)+')', 'background-repeat':reportPage.config.backgroundRepeat,'background-color':reportPage.config.backgroundColor}"> ```