调整样式

zhaoxing

2023-09-18 4293acd19644bbaa974ad60ae00edaaee0ef7e62

调整样式

 mobile/css/style.css

@@ -565,9 +565,6 @@
  width: 60px;
  height: 60px;
  padding: 4px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}

.login-head>p {

 mobile/index.html

@@ -35,7 +35,7 @@
    <div class="login-head">
      <img src="../img/logo.png" class="login-logo" />
      上海市道路交通环境监测平台
      <p>让上海的道路环境更加美好</p>
      <p>为持续改善空气质量而努力</p>
    </div>
    <div class="login-form" id="road">
      <form id="myform">

 mobile/road.html

@@ -33,33 +33,10 @@
        </div>

    <div class="main map-panel" id="a1">
        <!--道路查询 开始-->
        <div class="map-panel-item">
            <iframe src="road_search.html"></iframe>
        </div>
        <!--道路查询 结束-->

        <!--道路展示 开始-->
        <div class="map-panel-item">
            <iframe src="road_show.html"></iframe>
        </div>
        <!--道路展示 结束-->
    </div>

    <!--footbar 开始-->
    <!-- <div class="footbar">
        <ul btn='btn' data-target="#a1">
            <li class="active"><i class="fa fa-search"></i> 道路查询</li>
            <li><i class="fa fa-road"></i> 道路展示</li>
        </ul>
    </div> -->
    <!--footbar 结束-->

    <!--tabbar 开始-->
    <!-- <ul class="tabbar">
        <li class="active"><i class="fa fa-search"></i> 道路查询</li>
        <li><i class="fa fa-road"></i> 道路展示</li>
    </ul> -->
    <div class="footbar">
        <ul>
            <li>

 mobile/road_search.html

@@ -141,7 +141,7 @@
                <thead>
                    <tr style="background:#304b80; color: #fff;">
                        <th width="50">序号</th>
                        <th width="80">
                        <th width="90">
                            <select id="regionSelect" style="width: 100%; background: #304b80; border: none;">
                                <option value="">上海市</option>
                                <option value="黄浦区">黄浦区</option>
@@ -162,8 +162,8 @@
                                <option value="普陀区">普陀区</option>
                            </select>
                        </th>
                        <th style="width: calc(100% - 212px); overflow: hidden; text-overflow: ellipsis;" id="newname_a">名称</th>
                        <th width="80"><select style="width: 100%; background: #304b80; border: none;" id="qindex_selection"></select></th>
                        <th style="width: calc(100% - 232px); overflow: hidden; text-overflow: ellipsis;" id="newname_a">名称</th>
                        <th width="90"><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;">
@@ -177,6 +177,21 @@
        </div>
    </div>
    <script type="text/javascript" src="js/widget_search_view.js"></script>
    <script type="text/javascript">
       // options.forEach(element => $("#qindex_selection").append("<option value='" + element + "'>" + element + "</option>"));
    $("#qindex_selection").find("option[value=pm25]").text("PM₂.₅");
    $("#qindex_selection").find("option[value=pm10]").text("PM₁₀");
    $("#qindex_selection").find("option[value=no]").text("NO");
    $("#qindex_selection").find("option[value=nox]").text("NOₓ");
    $("#qindex_selection").find("option[value=no2]").text("NO₂");
    $("#qindex_selection").find("option[value=co]").text("CO");
    $("#qindex_selection").find("option[value=so2]").text("SO₂");
    $("#qindex_selection").find("option[value=o3]").text("O₃");
    $("#qindex_selection").find("option[value=o31]").text("O₃₁");
    $("#qindex_selection").find("option[value=o38]").text("O₃₈");
    $("#qindex_selection").find("option[value=aqi]").text("AQI");
    $("#qindex_selection").find("option[value=tsp]").text("TSP");
    </script>
    <!--道路查询 结束-->
</body>