|
|
|
|
@ -8,6 +8,7 @@
|
|
|
|
|
<el-main>
|
|
|
|
|
<div class="container">
|
|
|
|
|
<!-- 标题、输入框和按钮 -->
|
|
|
|
|
<!-- <div class="bg"></div> -->
|
|
|
|
|
<div class="top-section">
|
|
|
|
|
<h1 class="title">运单查询</h1>
|
|
|
|
|
<div class="input-group">
|
|
|
|
|
@ -264,7 +265,7 @@ const getStatusClass = (status: string) => {
|
|
|
|
|
.title {
|
|
|
|
|
font-size: 32px;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
color: #333;
|
|
|
|
|
color: #0093dd;
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
margin-top: 0px; /* 为标题留出导航栏的空间 */
|
|
|
|
|
@ -403,4 +404,16 @@ const getStatusClass = (status: string) => {
|
|
|
|
|
color: #fff;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
.bg{
|
|
|
|
|
background-image: url('./assets/check-bg.jpg'); /* 替换为你的图片路径 */
|
|
|
|
|
background-size: cover; /* 覆盖整个元素 */
|
|
|
|
|
background-position: center; /* 背景图居中 */
|
|
|
|
|
background-repeat: no-repeat; /* 不重复背景图 */
|
|
|
|
|
width: 100%; /* 宽度填满整个容器 */
|
|
|
|
|
height: 100%; /* 高度填满整个容器 */
|
|
|
|
|
position: absolute; /* 绝对定位 */
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
z-index: -1; /* 确保背景图在内容下方 */
|
|
|
|
|
}
|
|
|
|
|
</style>
|
