ruoyi 更改前端样式

来源：星星旅游

1.复古按钮

.btn-dqn {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.btn-dq {
    background-color: white;
    color: black;
    border: 2px solid #008CBA;
}

(2)html

    <button class="btn-dqn btn-dq" onclick="beginTest()">测试开始</button>
    <button class="btn-dqn btn-dq" onclick="saveAll()">保存方案</button>

2.复古表格-隔行异色

rowStyle: function(row, index) {                         // 动态修改行的颜色
    if(row.id %2 == 1 ){                                 // 如果值是1，表示已删除，设置行的颜色
        return  {css:{"background-color":'#f2f8fd'}};
    }
    return '';                                           // 注意：即使不改变颜色，也得返回 '' ，否则会报错。
},

color 可以改色号

3.html背景底色

<body class="gray-bg" style="background-color: #1a2226">

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文