上节课我们搞定了 动态边框技术。 本节我们要去美化用例了库了!
打开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
首先肯定是修改这几个 按钮。
这次要修改的内容比较大,相当于重做这个页面。所以 我们留到下一章了。