From 41c1e11390a36fbd90fd574b96d84590e0b49a8c Mon Sep 17 00:00:00 2001
From: zhaoxing <zhaoxing@shsening.com>
Date: 星期一, 24 七月 2023 16:16:27 +0800
Subject: [PATCH] 调整移动端样式
---
mobile/css/style.css | 2
mobile/css/widget_search.css | 52 ++++++++++++++++++++-----
mobile/road_search.html | 12 +++---
3 files changed, 48 insertions(+), 18 deletions(-)
diff --git a/mobile/css/style.css b/mobile/css/style.css
index 0edc29f..ef5fb0b 100644
--- a/mobile/css/style.css
+++ b/mobile/css/style.css
@@ -747,7 +747,7 @@
border-right: none;
}
.data-main ul li .data-number{
- font-size: 28px;
+ font-size: 26px;
color: #fff;
}
diff --git a/mobile/css/widget_search.css b/mobile/css/widget_search.css
index 0c8a8fb..8998d5b 100644
--- a/mobile/css/widget_search.css
+++ b/mobile/css/widget_search.css
@@ -31,7 +31,7 @@
border: none;
}
.top_10_table tr {
- border-bottom: 1px solid rgba(77,255,255,.5);
+ border-bottom: 1px solid #476399;
}
@@ -80,11 +80,12 @@
margin-top: 44px;
font-size: 14px;
width: 100%;
- min-height: 24px;
- line-height: 24px;
display: flex;
- padding: 15px 10px;
- background: #003a8c;
+ padding: 10px;
+ background: #304b80;
+ justify-content: center;
+ align-items: center;
+ box-shadow: 0 1px 4px rgba(12, 35, 87, .3);
}
.searchDiv > span{
@@ -96,11 +97,17 @@
.input_keyword{
flex: 1;
outline: none ;
- border:none;
- border-radius: 2px;
+ border:1px solid #476399;
+ border-radius: 0;
+ font-size: 14px;
+ height: 32px;
+ line-height: 32px;
padding: 0 10px;
color: #fff;
- background-color: rgba(255, 255, 255, .8);
+ background: #304b80;
+}
+.input_keyword::-webkit-input-placeholder{
+ color: #6378A1;
}
.btn {
@@ -108,17 +115,19 @@
border: none;
padding: 0 10px;
margin-left: 8px;
- background-color: #63aa65; /* Green */
+ background-color: #0FCE8C; /* Green */
color: white;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
+ height: 32px;
+ line-height: 32px;
cursor: pointer;
}
.btn:hover {
- background-color: #3e8e41;
+ background-color: #0FCE8C;
}
.table_Info{
@@ -130,10 +139,31 @@
{
border: 0 none;
padding: 10px;
+ min-height: 40px;
+}
+.am-u-sm-12 td{
+ font-weight: normal;
+}
+.am-u-sm-12 td:nth-child(1){
+ text-align: center;
+ width: 50px;
+}
+.am-u-sm-12 td:nth-child(2){
+ width: 80px;
+}
+.am-u-sm-12 td:nth-child(3){
+ width: calc(100% - 262px);
+ overflow: hidden;
+ text-overflow: ellipsis;
+ word-break: break-all;
+}
+.am-u-sm-12 td:nth-child(4){
+ text-align: center;
+ width: 80px;
}
.page{
- border-top: 1px solid rgba(77,255,255,.5);
+ border-top: 1px solid #476399;
position: fixed;
left: 0;
right: 0;
diff --git a/mobile/road_search.html b/mobile/road_search.html
index 252cd11..3d8bb0a 100644
--- a/mobile/road_search.html
+++ b/mobile/road_search.html
@@ -52,7 +52,7 @@
</style>
</head>
-<body style="background: #0C2357;">
+<body style="background: #304B80;">
<!--閫夋嫨鏃堕棿 寮�濮�-->
<div class="input-group input-group-lg append_test">
<div style="width:78px; height:44px; line-height: 1; border-radius: 0; font-size: 14px;"
@@ -98,11 +98,11 @@
<form action="" class="am-form" id="listContainer" style="height: calc(100vh - 200px); overflow-y: auto;">
<table class="layui-table no_bgc_table top_10_table table_Info" id="newsList" lay-skin="nob">
<thead>
- <tr style="background-color: rgba(0, 0, 0, 0); color: #FF5722;">
- <th>搴�</th>
- <th>鍖哄幙</th>
- <th>鍚嶇О</th>
- <th><select style="width: 100%;" id="qindex_selection"></select></th>
+ <tr style="background:#304b80; color: #fff;">
+ <th width="50">搴忓彿</th>
+ <th width="80">鍖哄幙</th>
+ <th style="width: calc(100% - 212px); overflow: hidden; text-overflow: ellipsis;">鍚嶇О</th>
+ <th width="80"><select style="width: 100%; background: #304b80; border: none;" id="qindex_selection"></select></th>
</tr>
</thead>
<tbody class="am-u-sm-12" id="searchInfo" style="cursor: pointer;">
--
Gitblit v1.9.1