czapp/pages/amap/route/route.html

<div class="lr-amap-page" >
    <div id="route-map" class="lr-amap-contarner">
        <!-- <div id="test">
            <button id='pause' style="z-index:555">pause</button>
            <button id='up' style="z-index:555">up</button>
            <button id='down' style="z-index:555">down</button>
            <button id='reset' style="z-index:555">reset</button>
        </div> -->
        <div class="route-content">
            <!-- 内容占位 -->
            <div style="flex: 1 0 auto"></div>
            <!-- 日期选择面板 -->
            <div class="widthset lr-form-container">
                <div class="bottom-panel">
                    <div class="lr-form-row">
                        <label>自定义</label>
                        <div id="date2"></div>
                    </div>

                    <div style="padding-left: 0;" class="panel-bottom-btn lr-form-row">
                        <button type="button" class="lr-btn">取消</button>
                        <button type="button" class="lr-btn-primary">确认</button>
                    </div>
                </div>  
            </div>
            <!-- 播放面板 -->
            <div class="outcase">
                <div class="route-play-panel">
                    <!-- 信息区 -->
                    <div class="text-area">
                        <p>1234567891012</p>
                        
                        <div class="time-speed">
                            <span id="date-time">时间：2019-01-15 08:54:32</span>
                            <span id="vehicle-speed">速度：26km/h</span>
                        </div>

                        <div class="address-line">
                            <span>地址：</span>
                            <p>浙江省杭州市滨江区和瑞科技园S2地下车库</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="speed-set">
                            <span class="iconfont icon-sheding"></span>
                            <p class="icon-bottom-word">重设</p>
                        </div>
                    </div>
                
                </div>
            </div>

        </div>

    </div>

</div>