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

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

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

image.png

打开P_cases.html:


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

新增用例按钮:

image.png

运行/删除按钮:

image.png

效果:

image.png

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

image.png

效果:

image.png

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


然后是项目设置页面:

image.png


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

image.png

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

然后是这个保存按钮:

image.png


<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>

看看最终效果:

image.png

然后是全局变量:P_global_data.html

image.png

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

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

相关文章
|
3天前
|
JSON JavaScript 测试技术
Postman接口测试工具详解
Postman接口测试工具详解
13 1
|
15小时前
|
传感器 数据采集 监控
LabVIEW电池管理系统测试平台
LabVIEW电池管理系统测试平台
|
15小时前
|
数据采集 测试技术
常见测试测量接口的比较:PXI、PXIe、PCI、VXI、GPIB、USB
常见测试测量接口的比较:PXI、PXIe、PCI、VXI、GPIB、USB
|
2天前
|
Devops jenkins 测试技术
如何在Visual Basic项目中实施单元测试以确保代码健壮性
【7月更文挑战第2天】本文探讨了如何在Visual Basic项目中实施单元测试以确保代码健壮性。单元测试基础包括验证代码单元的功能,促进重构和提高代码质量。MSTest、NUnit和xUnit是VB.NET的单元测试工具。遵循TDD原则,保持测试独立,关注单一功能,并确保快速执行。示例展示了如何为`Calculator`类的加法方法编写MSTest。持续集成与自动化测试工具如Jenkins和Azure DevOps辅助测试运行和代码质量检查。单元测试是提升软件质量和开发效率的关键实践,反映了良好的开发文化。
8 2
|
1天前
|
JSON 数据格式
postman 实用教程(含带 token 访问需登录权限的接口、测试文件上传接口、测试文件下载接口)
postman 实用教程(含带 token 访问需登录权限的接口、测试文件上传接口、测试文件下载接口)
4 0
后端测试,编写好了一个接口,怎样用postman测试
后端测试,编写好了一个接口,怎样用postman测试
|
1天前
|
API 开发工具
支付系统23-------使用沙箱账号进行支付测试,统一收单并支付页面接口的调用
支付系统23-------使用沙箱账号进行支付测试,统一收单并支付页面接口的调用
|
1天前
|
传感器 存储 数据采集
LabVIEW阀性能测试平台
LabVIEW阀性能测试平台
|
2天前
|
Java 测试技术 开发者
Java中设计可测试的代码的最佳实践
Java中设计可测试的代码的最佳实践
|
2天前
一款测试接口的好插件
一款测试接口的好插件
5 0