将 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" /> <script src="http://172.20.91.24/mapbox_tdt/mapbox_tdt/erqi/mapboxgl-cgcs2000-1.13.1/mapbox-gl.js"></script> <link href='http://172.20.91.24/mapbox_tdt/mapbox_tdt/erqi/mapboxgl-cgcs2000-1.13.1/mapbox-gl.css' rel='stylesheet' /> <script src="../js/jquery-1.10.2.min.js"></script> <script src="../js/timeAxis_new.js"></script> <link href="../css/timeAxis.css" rel="stylesheet" /> <title>在建工程全生命周期</title> <style> html, body, #map { padding: 0; margin: 0; height: 100%; width: 100%; } #timeline { position: absolute; width: 500px; /*height: 100px;*/ bottom: 100px; left: 50%; transform: translateX(-50%); background-color: #c3c3c3; border-radius: 10px; } </style> </head> <body> <div id="map"></div> <div id="timeline"> <div class="cx-time-main" id="cxTime"></div> </div> <script></script> </body> </html> 转化为vue代码
时间: 2023-04-11 09:01:45 浏览: 280
-doctype-html-html-lang-en-dir-ltr-head-meta-name:
页面中包含了一些 HTML 元素和相关的 CSS 和 JavaScript 文件,其中使用了 Mapbox GL JS 库来显示地图,并使用了一个名为 timeAxis 的 JavaScript 库来显示时间轴。页面的标题为“在建工程全生命周期”。同时,页面还设置了一些 meta 标签来指定字符集和视口大小等信息。
阅读全文