fix(demo): mapbox接入

src/main/webapp/static/css/base.css

@@ -116,6 +116,22 @@
     margin-top: 3rem;
 }
 
+.ml-auto {
+    margin-left: auto;
+}
+
+.mt-auto {
+    margin-top: auto;
+}
+
+.mb-auto {
+    margin-bottom: auto;
+}
+
+.mr-auto {
+    margin-right: auto;
+}
+
 /* 其他方向margin (mr, mb, ml) 和 padding (p, pt, pr, pb, pl) 同理 */
 /* 这里省略类似代码，实际使用时建议补全 */
 
@@ -1154,4 +1170,256 @@
 
 .bg-opacity-90 {
     opacity: 0.9;
+}
+
+
+/* 定位相关 */
+.relative {
+    position: relative;
+}
+
+.absolute {
+    position: absolute;
+}
+
+.fixed {
+    position: fixed;
+}
+
+.sticky {
+    position: sticky;
+}
+
+.static {
+    position: static;
+}
+
+/* 定位偏移 - 基于rem单位 */
+.top-0 {
+    top: 0;
+}
+
+.top-1 {
+    top: 0.25rem;
+}
+
+.top-2 {
+    top: 0.5rem;
+}
+
+.top-3 {
+    top: 1rem;
+}
+
+.top-4 {
+    top: 1.5rem;
+}
+
+.top-5 {
+    top: 3rem;
+}
+
+.right-0 {
+    right: 0;
+}
+
+.right-1 {
+    right: 0.25rem;
+}
+
+.right-2 {
+    right: 0.5rem;
+}
+
+.right-3 {
+    right: 1rem;
+}
+
+.right-4 {
+    right: 1.5rem;
+}
+
+.right-5 {
+    right: 3rem;
+}
+
+.bottom-0 {
+    bottom: 0;
+}
+
+.bottom-1 {
+    bottom: 0.25rem;
+}
+
+.bottom-2 {
+    bottom: 0.5rem;
+}
+
+.bottom-3 {
+    bottom: 1rem;
+}
+
+.bottom-4 {
+    bottom: 1.5rem;
+}
+
+.bottom-5 {
+    bottom: 3rem;
+}
+
+.left-0 {
+    left: 0;
+}
+
+.left-1 {
+    left: 0.25rem;
+}
+
+.left-2 {
+    left: 0.5rem;
+}
+
+.left-3 {
+    left: 1rem;
+}
+
+.left-4 {
+    left: 1.5rem;
+}
+
+.left-5 {
+    left: 3rem;
+}
+
+/* 百分比偏移 */
+.top-1\/2 {
+    top: 50%;
+}
+
+.top-1\/3 {
+    top: 33.333333%;
+}
+
+.top-2\/3 {
+    top: 66.666667%;
+}
+
+.right-1\/2 {
+    right: 50%;
+}
+
+.right-1\/3 {
+    right: 33.333333%;
+}
+
+.right-2\/3 {
+    right: 66.666667%;
+}
+
+.bottom-1\/2 {
+    bottom: 50%;
+}
+
+.bottom-1\/3 {
+    bottom: 33.333333%;
+}
+
+.bottom-2\/3 {
+    bottom: 66.666667%;
+}
+
+.left-1\/2 {
+    left: 50%;
+}
+
+.left-1\/3 {
+    left: 33.333333%;
+}
+
+.left-2\/3 {
+    left: 66.666667%;
+}
+
+/* 全屏定位 */
+.inset-0 {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+
+.inset-x-0 {
+    left: 0;
+    right: 0;
+}
+
+.inset-y-0 {
+    top: 0;
+    bottom: 0;
+}
+
+/* 固定像素值偏移 */
+.top-4px {
+    top: 4px;
+}
+
+.top-8px {
+    top: 8px;
+}
+
+.top-12px {
+    top: 12px;
+}
+
+.top-16px {
+    top: 16px;
+}
+
+/* z-index 相关 */
+.z-0 {
+    z-index: 0;
+}
+
+.z-1 {
+    z-index: 1;
+}
+
+.z-2 {
+    z-index: 2;
+}
+
+.z-3 {
+    z-index: 3;
+}
+
+.z-4 {
+    z-index: 4;
+}
+
+.z-5 {
+    z-index: 5;
+}
+
+.z-10 {
+    z-index: 10;
+}
+
+.z-20 {
+    z-index: 20;
+}
+
+.z-30 {
+    z-index: 30;
+}
+
+.z-40 {
+    z-index: 40;
+}
+
+.z-50 {
+    z-index: 50;
+}
+
+.z-auto {
+    z-index: auto;
 }
\ No newline at end of file