查询 loading 样式

zhaoxing

2023-10-19 b360e8f815da451e60a98dd383b67c24313d2289

 mobile/road_search.html

@@ -82,13 +82,20 @@
}

.loading{

    display: none;

    position: absolute;

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: 99;

    background: rgba(0, 0, 0, .6);

}

.loadingText{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);  
    color: #fff;

}

    </style>

</head>

@@ -181,7 +188,7 @@
            </table>

        </form>

        <!-- <div id="warning"></div> -->

        <div id="warning" style="color:#ffffff; display:none; position:absolute; top:220px; left:10em;">正在处理，请稍等！</div>

        <div id="warning" class="loading"><span class="loadingText">正在处理，请稍等！</span></div>

        <div class="page">

            <div id="pageID">

            </div>