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

2022-05-19 10:13:04 浏览数 (1)

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

打开P_cases.html:

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

新增用例按钮:

运行/删除按钮:

效果:

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

效果:

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

然后是项目设置页面:

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

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

然后是这个保存按钮:

代码语言:javascript复制
<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% 。所以不要过早否定我们靠自己双手打造的东西。

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

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

0 人点赞