帆软设置参数框样式

深碍√TFBOYSˉ_ 2022-11-14 14:49 368阅读 0赞

修改前：

![20210330095257128.png][]

修改后：

![20210330095321513.png][]

ps: 取消掉参数面板的  常用参数组合

//自定义初始化控件后点击文本框会弹出对应的显示框  
$.each(this.options.form.name\_widgets, function(i, item) \{  
    //console.info(item.options.type); //如果是标签控件不做处理，如果是时间类型，下拉类型，多选框，树形结构就设置点击当前的文本框事件  
    if (item.options.type !== 'label' && (item.options.type === 'combocheckbox' || item.options.type === 'datetime' || item.options.type === 'tagcombocheckbox' || item.options.type === 'treecombobox')) \{  
        //设置点击事件  
        var self = item;  
        self.options.name4Empty = "全部选择"; //下拉框替换默认的 不选  
        $('input', item.element).click(function() \{  
            if (self.$view.css('display') == 'none') \{  
                self.onTriggerClick();  
            \}  
        \});  
    \}  
\});

setTimeout(function() \{  
    var sr = document.getElementsByClassName("fr-trigger-text");

for (var i = 0; i < sr.length; i++) \{  
        sr\[i\].style.border = "none";  
        sr\[i\].style.borderRadius = "25px";  
        sr\[i\].style.width = "100%";  
        sr\[i\].style.height = "100%";  
        sr\[i\].style.color = "\#f9fcf5";  
        var jiantou = document.getElementsByClassName("fr-trigger-btn-up")\[i\];  
        jiantou.style.display = "none";

document.getElementsByClassName("fr-trigger-texteditor")\[i\].style.textAlign = "center";  
        document.getElementsByClassName("fr-trigger-texteditor")\[i\].style.width = "100%";  
        document.getElementsByClassName("fr-trigger-texteditor")\[i\].style.height = "100%";  
        document.getElementsByClassName("fr-trigger-texteditor")\[i\].style.backgroundColor = "\#263657";  
        document.getElementsByClassName("fr-trigger-texteditor")\[i\].style.color = "\#eaede4";  
    \}

var sr2 = document.getElementsByClassName("fr-btn-small fr-btn-icon-small-left")\[0\];  
    sr2.style.border = "none";  
    sr2.style.borderRadius = "25px";  
    sr2.style.backgroundColor = "\#07a6c4";  
    sr2.style.fontWeight = "bold";  
    sr2.style.fontSize = "16px";  
    sr2.style.height = "100%";  
    document.getElementsByClassName("fr-btn-up")\[0\].style.background = "\#0b1f44";  
    document.getElementsByClassName("fr-btn-up")\[0\].style.height = "30px";  
    document.getElementsByClassName("fr-btn-small fr-btn-icon-small-left")\[0\].childNodes\[0\].firstElementChild.style.color = "\#fff7fd";  
    document.getElementsByClassName("fr-btn-small fr-btn-icon-small-left")\[0\].childNodes\[0\].firstElementChild.style.height = "100%";  
\}, 100);

[20210330095257128.png]: /images/20221022/0f4f944b6f574bc7a57f25edfb5301a1.png
[20210330095321513.png]: /images/20221022/b7473e8524a74610914c2fbfb837d64d.png