接口测试平台代码实现146: 平台主题-夏日清凉5

上节课我们搞定了 动态边框技术。 本节我们要去美化用例了库了！

打开P_cases.html：

先给这几个按钮的颜色改了：

新增用例按钮：

运行/删除按钮：

效果：

然后是小用例的背景色，注意小用例按钮是靠bom层的js代码生成的，所以要改的地方如下：

效果：

好了，关于用例库的修改到这久结束了，喜欢的话 可以自行美化。

然后是项目设置页面：

我们简单一点，给这三个输入框的边框变成静态彩色：

只需要在style中直接写 全局样式，控制全部textarea标签的样式即可：

然后是这个保存按钮：

<button onclick="save()" type="button" class="btn btn-default btn-lg btn-block"
        style="background-image: linear-gradient(129deg, #edfaff 0%,white, #ffe7ef 100%);;margin-left: 15%;width: 70%" >保存</button>

看看最终效果：

然后是全局变量：P_global_data.html

首先肯定是修改这几个 按钮。

这次要修改的内容比较大，相当于重做这个页面。所以 我们留到下一章了。

最后说一下，关于平台的全部功能 目前 完成度基本达到40% ，但优化才刚刚开始，还不到10% 。所以不要过早否定我们靠自己双手打造的东西。

有句话说得好，金窝银窝不如自己的狗窝，何况我们这个目前的狗窝，以后早晚会成为市面第一平台。

下载的开源的甚至买的 平台再好，跟你有什么关系呢？ 领导该替换掉你的时候不会犹豫。 自己强大才是硬道理，打铁还需自身硬。被老美掐着脖子的感觉好受么？被开源作者随意加价 控制更新进度有尊严么？一年几十万的商品平台，这钱早晚会被省下来， 大家最好早点留心眼。公司大不是你大，公司辉煌不是你辉煌。 技术都是一点一滴 逐渐学习 的，万丈高楼平地起，生活只能靠自己！