项目初始化

public/img/car.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1696732802023" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1559" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M895.2832 399.93344h-79.03232c-3.60448 0.06144-7.168 1.024-10.30144 2.7648l-35.61472-107.08992c-11.3664-60.88704-54.35392-90.3168-107.13088-90.3168H328.4992c-60.6208 0-97.40288 39.44448-107.15136 90.25536l-35.71712 107.43808a21.97504 21.97504 0 0 0-10.93632-3.09248H95.68256a21.97504 21.97504 0 0 0-22.016 21.95456v19.0464c0 12.10368 9.85088 21.97504 22.016 21.97504l29.9008 5.12a137.56416 137.56416 0 0 0-14.80704 64.06144l-11.07968 126.3616c0 3.64544 0.26624 7.3728 0.7168 11.14112a42.1888 42.1888 0 0 0-0.7168 7.168v152.02304c0 21.64736 17.57184 39.15776 39.26016 39.15776H198.8608a39.19872 39.19872 0 0 0 39.28064-39.15776v-48.82432h515.39968v48.82432c0 21.64736 17.57184 39.15776 39.26016 39.15776h59.94496a39.19872 39.19872 0 0 0 39.26016-39.15776v-152.04352c0-2.39616-0.26624-4.79232-0.73728-7.14752 0.45056-3.76832 0.73728-7.49568 0.73728-11.1616l-11.10016-126.3616c0-24.59648-5.40672-45.6704-14.86848-64.14336l29.22496-4.95616a21.97504 21.97504 0 0 0 22.03648-21.97504v-19.0464a22.07744 22.07744 0 0 0-22.03648-21.97504z m-647.55712-22.46656l26.15296-69.46816 0.32768-1.6384c2.60096-14.00832 8.3968-16.54784 16.9984-27.36128h409.55904c8.68352 11.14112 14.09024 13.96736 16.44544 27.25888l26.60352 71.2704 9.74848 38.7072c-2.21184 28.32384-36.352 50.688-64.67584 50.688H302.65344c-28.38528 0-62.52544-22.36416-64.7168-50.70848l9.78944-38.74816z m18.30912 330.38336a59.392 59.392 0 1 1 5.18144-118.62016 59.392 59.392 0 0 1-5.18144 118.62016z m332.20608-43.76576a17.69472 17.69472 0 0 1-17.69472 17.63328H413.696a17.69472 17.69472 0 0 1-17.69472-17.6128v-49.58208c0-9.74848 7.94624-17.63328 17.69472-17.63328h166.85056c9.74848 0 17.69472 7.8848 17.69472 17.6128v49.58208z m127.26272 43.76576a59.392 59.392 0 0 1-59.4944-59.31008 59.392 59.392 0 0 1 59.4944-59.31008 59.392 59.392 0 0 1 59.47392 59.31008 59.43296 59.43296 0 0 1-59.47392 59.31008z" fill="#000000" p-id="1560"></path></svg>

public/img/daosanjiao.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+        "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg t="1646378315188" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2907"
+     width="200" height="200">
+    <defs>
+        <style type="text/css">
+        </style>
+    </defs>
+    <path d="M525.873548 897.156129l-383.174193-761.723871 763.045161-1.981935-379.870968 763.705806z"
+          fill="#2C469B"
+          p-id="2908"></path>
+</svg>

public/img/guiji.svg

@@ -0,0 +1,37 @@
+<svg
+        width="15px"
+        height="16px"
+        viewBox="0 0 15 16"
+        version="1.1"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlns:xlink="http://www.w3.org/1999/xlink"
+>
+    <!-- Generator: Sketch 60 (88103) - https://sketch.com -->
+    <title>轨迹</title>
+    <desc>Created with Sketch.</desc>
+    <g
+            id="页面-1"
+            stroke="none"
+            stroke-width="1"
+            fill="none"
+            fill-rule="evenodd"
+    >
+        <g
+                id="船舶轨迹"
+                transform="translate(-21.000000, -149.000000)"
+                fill="#FFFFFF"
+                fill-rule="nonzero"
+        >
+            <g id="轨迹" transform="translate(21.000000, 149.000000)">
+                <path
+                        d="M12.9381177,12.1840981 L1.79984423,12.1840981 C1.52482513,12.1840981 1.28418342,11.9778337 1.28418342,11.6684373 L1.28418342,11.4621729 C1.28418342,11.1871538 1.49044774,10.9465121 1.79984423,10.9465121 L3.96561963,10.9465121 C4.3093935,10.9465121 4.61878999,10.671493 4.61878999,10.2933418 C4.61878999,9.91519051 4.34377089,9.70892618 3.99999702,9.70892618 L1.79984423,9.70892618 C0.802899995,9.70892618 0.0122200869,10.4996061 0.0122200869,11.4965503 L0.0122200869,11.7028146 C0.0122200869,12.6997589 0.802899995,13.4904388 1.79984423,13.4904388 L12.9037403,13.4904388 C13.1787594,13.4904388 13.4194011,13.6967031 13.4194011,14.0060996 L13.4194011,14.1779865 C13.4194011,14.4530056 13.2131368,14.6936473 12.9037403,14.6936473 L3.72497792,14.6936473 C3.38120404,14.6936473 3.07180756,14.9686664 3.07180756,15.3468177 C3.07180756,15.6905916 3.34682666,15.9999881 3.72497792,15.9999881 L12.9037403,15.9999881 C13.9006846,15.9999881 14.6913645,15.2093082 14.6913645,14.2123639 L14.6913645,14.0060996 C14.7257419,12.974778 13.9006846,12.1840981 12.9381177,12.1840981 Z"
+                        id="路径"
+                ></path>
+                <path
+                        d="M7.36898097,0.0145029603 C5.06569602,0.0145029603 3.20931711,1.87088188 3.20931711,4.17416683 C3.20931711,6.47745178 6.02826287,10.5339835 7.36898097,10.5339835 C9.08785034,10.5339835 11.5286448,6.47745178 11.5286448,4.17416683 C11.5286448,1.87088188 9.63788854,0.0145029603 7.36898097,0.0145029603 Z M7.36898097,6.27118745 C6.2001498,6.27118745 5.23758296,5.30862061 5.23758296,4.13978944 C5.23758296,2.97095827 6.2001498,2.00839142 7.36898097,2.00839142 C8.53781214,2.00839142 9.50037899,2.97095827 9.50037899,4.13978944 C9.50037899,5.30862061 8.53781214,6.27118745 7.36898097,6.27118745 Z"
+                        id="形状"
+                ></path>
+            </g>
+        </g>
+    </g>
+</svg>

public/img/marineWeather.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1643185999572" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4485" xmlns:xlink="http://www.w3.org/1999/xlink" width="15" height="15"><defs><style type="text/css"></style></defs><path d="M600 411.2H35.2c-8.8 0-15.2-7.2-15.2-15.2v-73.6c0-8.8 7.2-15.2 15.2-15.2H600c15.2 0 27.2-12 27.2-27.2s-12-27.2-27.2-27.2-27.2 12-27.2 27.2c0 8.8-7.2 15.2-15.2 15.2h-73.6c-8.8 0-15.2-7.2-15.2-15.2 0-72.8 59.2-132 132-132S732.8 207.2 732.8 280 672.8 411.2 600 411.2zM50.4 380.8H600c56 0 100.8-45.6 100.8-100.8S656 178.4 600 178.4c-50.4 0-92 36.8-100 85.6H544c7.2-24.8 29.6-42.4 56-42.4 32 0 58.4 26.4 58.4 58.4S632 337.6 600 337.6H50.4v43.2zM600 876.8c-72.8 0-132-59.2-132-132 0-8.8 7.2-15.2 15.2-15.2h73.6c8.8 0 15.2 7.2 15.2 15.2 0 15.2 12 27.2 27.2 27.2s27.2-12 27.2-27.2-12-27.2-27.2-27.2H35.2c-8.8 0-15.2-7.2-15.2-15.2v-73.6c0-8.8 7.2-15.2 15.2-15.2H600c72.8 0 132 59.2 132 132s-59.2 131.2-132 131.2zM500 760c7.2 48 49.6 85.6 100 85.6 56 0 100.8-45.6 100.8-100.8 0-56-45.6-100.8-100.8-100.8H50.4v42.4H600c32 0 58.4 26.4 58.4 58.4s-26.4 58.4-58.4 58.4c-26.4 0-49.6-18.4-56-42.4h-44z" p-id="4486" fill="#ffffff"></path><path d="M870.4 717.6c-72.8 0-132-59.2-132-132 0-8.8 7.2-15.2 15.2-15.2h73.6c8.8 0 15.2 7.2 15.2 15.2 0 15.2 12 27.2 27.2 27.2s27.2-12 27.2-27.2-12-27.2-27.2-27.2H35.2c-8.8 0-15.2-7.2-15.2-15.2v-73.6c0-8.8 7.2-15.2 15.2-15.2h835.2c72.8 0 132 59.2 132 132s-59.2 131.2-132 131.2zM770.4 600.8c7.2 48 49.6 85.6 100 85.6 56 0 100.8-45.6 100.8-100.8 0-56-45.6-100.8-100.8-100.8H50.4v42.4h820c32 0 58.4 26.4 58.4 58.4s-26.4 58.4-58.4 58.4c-26.4 0-49.6-18.4-56-42.4h-44zM600 411.2H35.2c-8.8 0-15.2-7.2-15.2-15.2v-73.6c0-8.8 7.2-15.2 15.2-15.2H600c15.2 0 27.2-12 27.2-27.2s-12-27.2-27.2-27.2-27.2 12-27.2 27.2c0 8.8-7.2 15.2-15.2 15.2h-73.6c-8.8 0-15.2-7.2-15.2-15.2 0-72.8 59.2-132 132-132S732.8 207.2 732.8 280 672.8 411.2 600 411.2zM50.4 380.8H600c56 0 100.8-45.6 100.8-100.8S656 178.4 600 178.4c-50.4 0-92 36.8-100 85.6H544c7.2-24.8 29.6-42.4 56-42.4 32 0 58.4 26.4 58.4 58.4S632 337.6 600 337.6H50.4v43.2z" p-id="4487" fill="#ffffff"></path><path d="M600 876.8c-72.8 0-132-59.2-132-132 0-8.8 7.2-15.2 15.2-15.2h73.6c8.8 0 15.2 7.2 15.2 15.2 0 15.2 12 27.2 27.2 27.2s27.2-12 27.2-27.2-12-27.2-27.2-27.2H35.2c-8.8 0-15.2-7.2-15.2-15.2v-73.6c0-8.8 7.2-15.2 15.2-15.2H600c72.8 0 132 59.2 132 132s-59.2 131.2-132 131.2zM500 760c7.2 48 49.6 85.6 100 85.6 56 0 100.8-45.6 100.8-100.8 0-56-45.6-100.8-100.8-100.8H50.4v42.4H600c32 0 58.4 26.4 58.4 58.4s-26.4 58.4-58.4 58.4c-26.4 0-49.6-18.4-56-42.4h-44z" p-id="4488" fill="#ffffff"></path><path d="M872.8 717.6c-72.8 0-132-59.2-132-132 0-8.8 7.2-15.2 15.2-15.2h73.6c8.8 0 15.2 7.2 15.2 15.2 0 15.2 12 27.2 27.2 27.2s27.2-12 27.2-27.2-12-27.2-27.2-27.2H36.8c-8.8 0-15.2-7.2-15.2-15.2v-73.6c0-8.8 7.2-15.2 15.2-15.2H872c72.8 0 132 59.2 132 132s-58.4 131.2-131.2 131.2zM772.8 600.8c7.2 48 49.6 85.6 100 85.6 56 0 100.8-45.6 100.8-100.8 0-56-45.6-100.8-100.8-100.8H52.8v42.4h820c32 0 58.4 26.4 58.4 58.4s-26.4 58.4-58.4 58.4c-26.4 0-49.6-18.4-56-42.4h-44z" p-id="4489" fill="#ffffff"></path></svg>

public/img/search-port.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+        "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg t="1659344867488" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5840"
+     xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%">
+    <defs>
+        <style type="text/css">@font-face { font-family: feedback-iconfont; src:
+            url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"),
+            url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"),
+            url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+        </style>
+    </defs>
+    <path d="M811.65 148.35A286.15 286.15 0 0 0 608 64H160a32 32 0 0 0-32 32v832a32 32 0 0 0 32 32h256a32 32 0 0 0 32-32V768h160a288 288 0 0 0 288-288V352a286.15 286.15 0 0 0-84.35-203.65zM608 128c123.51 0 224 100.49 224 224S731.51 576 608 576H416a32 32 0 0 0-32 32v288h-64V384h64v96a32 32 0 0 0 32 32h192c88.22 0 160-71.78 160-160s-71.78-160-160-160H192v-64z m-32 288a32 32 0 0 1-32 32h-96v-64h128zM192 256h416a96 96 0 0 1 27.87 187.87A95.78 95.78 0 0 0 640 416v-40a56.06 56.06 0 0 0-56-56H288a32 32 0 0 0-32 32v544h-64z m416 448H448v-64h160a286.15 286.15 0 0 0 203.65-84.35q5.7-5.7 11-11.67C795.08 636.42 709.29 704 608 704z"
+          fill="#ffffff" p-id="5841"></path>
+</svg>

public/img/search-ship.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+        "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg t="1659344694232" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="845"
+     xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%">
+    <defs>
+        <style type="text/css">@font-face { font-family: feedback-iconfont; src:
+            url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"),
+            url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"),
+            url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+        </style>
+    </defs>
+    <path d="M492.2 932.2l1.2-495.7c0.1-23.5-26.4-37.3-45.7-23.8-9.8 6.9-21 14.6-33.2 22.7C274.6 528.2 90.8 417.2 56.6 463 3.9 533.4 305.7 957.8 462.8 961.1c16.1 0.4 29.3-12.8 29.4-28.9zM607.1 435.4c-12.2-8.1-23.4-15.8-33.2-22.7-19.3-13.5-45.7 0.3-45.7 23.8l1.2 495.7c0 16.1 13.2 29.3 29.3 28.9 157.2-3.3 459-427.7 406.3-498.1-34.2-45.8-218 65.2-357.9-27.6zM723.9 68.8H281.8c-16 0-29 13-29 29v94c0 16 13 29 29 29h442.1c16 0 29-13 29-29v-94c0-16-13-29-29-29z m-287.1 103h-95c-16 0-29-13-29-29s13-29 29-29h95c16 0 29 13 29 29s-13 29-29 29z m227 0h-95c-16 0-29-13-29-29s13-29 29-29h95c16 0 29 13 29 29s-13 29-29 29z"
+          p-id="846" fill="#ffffff"></path>
+    <path d="M413.5 385.4c33.8-22.4 59.4-41.3 71.4-50.4 5-3.8 11.2-5.9 17.5-5.9h14.8c6.3 0 12.5 2.1 17.5 5.9 12.1 9.1 37.6 28 71.4 50.4 75.9 50.4 161.7 37 229.8 32 15.2-1.1 26.9-13.7 26.9-28.9v-99.7c0-16-13-29-29-29h-656c-16 0-29 13-29 29v99.5c0 15.2 11.7 27.8 26.8 28.9 69.4 5.2 159 20.5 237.9-31.8z"
+          p-id="847" fill="#ffffff"></path>
+</svg>

public/img/time.svg

@@ -0,0 +1,36 @@
+<svg
+        width="15px"
+        height="15px"
+        viewBox="0 0 15 15"
+        version="1.1"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlns:xlink="http://www.w3.org/1999/xlink"
+>
+    <!-- Generator: Sketch 60 (88103) - https://sketch.com -->
+    <title>搜索记录</title>
+    <desc>Created with Sketch.</desc>
+    <g
+            id="页面-1"
+            stroke="none"
+            stroke-width="1"
+            fill="none"
+            fill-rule="evenodd"
+    >
+        <g
+                id="船舶轨迹"
+                transform="translate(-21.000000, -498.000000)"
+                fill="#FFFFFF"
+                fill-rule="nonzero"
+        >
+            <g
+                    id="搜索记录"
+                    transform="translate(21.000000, 498.000000)"
+            >
+                <path
+                        d="M7.5,-2.84217094e-14 C11.6421356,-2.84217094e-14 15,3.35786438 15,7.5 C15,11.6421356 11.6421356,15 7.5,15 C3.35786438,15 -2.84217094e-14,11.6421356 -2.84217094e-14,7.5 C-2.84217094e-14,3.35786438 3.35786438,-2.84217094e-14 7.5,-2.84217094e-14 Z M7.49999991,1.5 C5.35640644,1.5 3.37564429,2.6435935 2.3038475,4.5 C1.23205071,6.35640645 1.23205071,8.64359355 2.3038475,10.5 C3.37564429,12.3564065 5.35640644,13.5 7.49999991,13.5 C10.8137085,13.5 13.4999999,10.8137085 13.4999999,7.5 C13.4999999,4.18629154 10.8137085,1.5 7.49999991,1.5 Z M7.92857143,4.28571429 L7.92857143,7.04571429 L10.0575,7.04571429 L10.0575,8.49964286 L6.42857143,8.49964286 L6.42857143,4.28571429 L7.92857143,4.28571429 Z"
+                        id="形状"
+                ></path>
+            </g>
+        </g>
+    </g>
+</svg>

public/img/tool.svg

@@ -0,0 +1,35 @@
+<svg
+        width="15px"
+        height="15px"
+        viewBox="0 0 15 15"
+        version="1.1"
+        xmlns="http://www.w3.org/2000/svg"
+>
+    <title>工具</title>
+    <desc>Created with Sketch.</desc>
+    <g
+            id="页面-1"
+            stroke="none"
+            stroke-width="1"
+            fill="none"
+            fill-rule="evenodd"
+    >
+        <g
+                id="船舶轨迹"
+                transform="translate(-21.000000, -604.000000)"
+                fill="#FFFFFF"
+                fill-rule="nonzero"
+        >
+            <g id="工具" transform="translate(21.000000, 604.000000)">
+                <path
+                        d="M11.9693024,14.9305556 C11.4011206,14.9305556 10.8645044,14.709596 10.4225852,14.2992424 L6.60314079,10.5113636 L7.73950442,9.375 L7.92889836,9.56439394 L8.37081755,9.12247474 L9.065262,9.8169192 L8.37081755,10.5113636 L11.274858,13.415404 C11.6220802,13.7626263 12.2218277,13.7626263 12.6006155,13.415404 L13.3897569,12.6262626 C13.7685448,12.2474747 13.7685448,11.6792929 13.3897569,11.300505 L10.4857165,8.39646465 L9.79127209,9.09090909 L9.09682765,8.39646465 L9.53874685,7.95454545 L9.38091856,7.73358586 L10.5172822,6.59722223 L14.305161,10.4166667 C15.1574337,11.2689394 15.1574337,12.6578283 14.305161,13.510101 L13.5160196,14.2992424 C13.0741004,14.7411616 12.5374842,14.9305556 11.9693024,14.9305556 Z M4.7723327,7.26010102 L3.50970644,6.02904041 L1.83672664,5.14520202 L0.00591856061,2.80934344 L2.815262,0 L5.15112058,1.83080808 L6.03495897,3.53535353 L7.36071655,4.82954545 L6.47687815,5.7449495 L4.55137311,3.81944444 L4.70920139,3.69318182 L4.17258523,2.65151515 L2.90995897,1.70454545 L1.71046402,2.90404041 L2.65743371,4.16666667 L3.69910038,4.70328283 L3.825363,4.54545455 L5.65617109,6.37626262 L4.7723327,7.26010102 Z"
+                        id="形状"
+                ></path>
+                <path
+                        d="M2.56273674,14.9305556 C2.12081755,14.9305556 1.71046402,14.7727273 1.36324179,14.425505 L0.574100379,13.6363636 C-0.0887784091,12.9734848 -0.0887784091,11.9002525 0.574100379,11.2373737 L7.26601958,4.54545455 C7.07662564,3.31439394 7.45541352,2.08333333 8.33925189,1.19949495 C9.53874685,1.42663659e-14 11.3379893,-0.284090909 12.8531408,0.5050505 L13.6107165,0.915404045 L11.4011206,3.125 L11.8746054,3.59848485 L14.0842014,1.38888889 L14.4945549,2.14646465 C15.2836963,3.66161617 14.9996054,5.46085859 13.8001105,6.66035353 C12.9162721,7.54419191 11.6536458,7.92297979 10.4541509,7.73358586 L3.7622317,14.4570707 C3.44657514,14.7727273 3.00465594,14.9305556 2.56273674,14.9305556 Z M11.085464,1.35732323 C10.4225852,1.35732323 9.75970644,1.60984848 9.25465594,2.11489898 C8.59177715,2.77777777 8.33925189,3.72474747 8.59177715,4.60858586 L8.68647412,4.95580808 L1.48950442,12.1527778 C1.33167614,12.3106061 1.33167614,12.594697 1.48950442,12.7525253 L2.27864583,13.5416667 C2.43647412,13.699495 2.72056503,13.699495 2.8783933,13.5416667 L10.075363,6.34469697 L10.4225852,6.43939394 C11.3064236,6.6919192 12.284959,6.40782829 12.9162721,5.77651515 C13.4844539,5.20833333 13.7685448,4.38762626 13.6738478,3.6300505 L11.9061711,5.39772727 L9.63344382,3.15656565 L11.4011206,1.38888889 C11.3064236,1.35732323 11.180161,1.35732323 11.085464,1.35732323 Z"
+                        id="形状"
+                ></path>
+            </g>
+        </g>
+    </g>
+</svg>