调整移动端样式

zhaoxing

2023-07-24 41c1e11390a36fbd90fd574b96d84590e0b49a8c

调整移动端样式

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


 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;

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