style:移动端样式修改

JX3BOX · Nov 28, 2023 · 021f2df · 021f2df
1 parent 21721e5
commit 021f2df
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 35 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@jx3box/jx3box-bmap",
-    "version": "0.1.11",
+    "version": "0.1.12",
     "description": "JX3BOX Baizhan Map",
     "scripts": {
         "dev": "env DEV_SERVER=true vue-cli-service serve",
@@ -11,8 +11,8 @@
         "update": "npm --registry https://registry.npmjs.org install @jx3box/jx3box-common-ui@latest @jx3box/jx3box-common@latest"
     },
     "dependencies": {
-        "@jx3box/jx3box-common": "^8.0.0",
-        "@jx3box/jx3box-common-ui": "^7.7.9",
+        "@jx3box/jx3box-common": "^8.0.8",
+        "@jx3box/jx3box-common-ui": "^7.9.11",
         "axios": "^0.19.2",
         "element-ui": "^2.15.6",
         "html2canvas": "^1.4.1",

diff --git a/src/components/MapSimple.vue b/src/components/MapSimple.vue
@@ -287,39 +287,42 @@ export default {
 .is-map-phone {
     .m-bmap-simple {
         .u-list {
-            gap: 15px;
-        }
-        .u-row {
-            gap: 8px;
-            height: 45px;
-            &::after,
-            &::before {
-                .none;
-            }
-            .u-column {
-                .size(32px, 32px);
-                .u-img {
-                    .size(100%, 100%);
-                    img {
-                        .size(100%, 100%);
-                    }
-                }
-                &::after,
-                &::before {
-                    .none;
-                }
-            }
-            .u-name {
-                margin-top: -2px;
-                font-size: 20px;
-                transform: scale(0.5);
-                text-align: center;
-            }
-            .u-tag,
-            .u-gift {
-                .none;
-            }
+            align-items: flex-start;
+            overflow-y: hidden;
+            overflow-x: auto;
+            padding: 10px 20px;
         }
+        // .u-row {
+        //     gap: 8px;
+        //     height: 45px;
+        //     &::after,
+        //     &::before {
+        //         .none;
+        //     }
+        //     .u-column {
+        //         .size(32px, 32px);
+        //         .u-img {
+        //             .size(100%, 100%);
+        //             img {
+        //                 .size(100%, 100%);
+        //             }
+        //         }
+        //         &::after,
+        //         &::before {
+        //             .none;
+        //         }
+        //     }
+        //     .u-name {
+        //         margin-top: -2px;
+        //         font-size: 20px;
+        //         transform: scale(0.5);
+        //         text-align: center;
+        //     }
+        //     .u-tag,
+        //     .u-gift {
+        //         .none;
+        //     }
+        // }
     }
 }
 .u-bmap-tooltip {