czapp/pages/amap/route/route.html

<div class="route-layout" >
    <div id="route-map" class="amap-route-container">
    </div>
    <div class="route-content">
            <!-- 播放面板 -->
            <div class="outcase">
                <div class="route-play-panel">
                    <!-- 信息区 -->
                    <div class="text-area">
                        <div class="test">
                            <p id="route-devicenumber"></p>
                            <div class="time-speed">
                                <span id="date-time">时间：0000-00-00 00:00:00</span>
                                <span id="vehicle-speed">速度：0.00km/h</span>
                            </div>
                        </div>
                        <div class="route-reset">
                            <span class="iconfont icon-reset"></span>
                            <p>重置</p>
                        </div>

                    </div>
                    <!-- 分割(后续可能进度条替代) -->
                    <div class="delimite-route-line"></div>
                    <!-- 控制区 -->
                    <div class="button-area">
                        <div class="speed-set">
                            <span id="speed-icon" class="iconfont icon-beisu1"></span>
                            <p class="speed-level">慢速</p>
                        </div>

                        <div class="play-control">
                            <span class="iconfont icon-last"></span>
                            <span id="play-pause" class="iconfont icon-bofang"></span>
                            <span class="iconfont icon-next"></span>
                        </div>

                        <div class="date-set">
                            <span class="iconfont icon-sheding"></span>
                            <p class="icon-bottom-word">重设</p>
                        </div>
                        
                    </div>
                
                </div>
            </div>

        </div>

</div>