style: tab

JX3BOX · Feb 23, 2024 · 1f6bd60 · 1f6bd60
1 parent 35ff1b0
commit 1f6bd60
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 18 deletions.
diff --git a/src/assets/css/common/tabs.less b/src/assets/css/common/tabs.less
@@ -8,7 +8,7 @@
     box-sizing: border-box;
     padding: 10px 15px;
     align-items: center;
-    gap: 10px;
+    gap: 20px;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
 
     .m-common-card {
@@ -137,12 +137,8 @@
 
 @media screen and (max-width: @ipad) {
     .m-common-tabs {
-        padding: 0;
+        flex-wrap: wrap;
         height: auto;
-        box-shadow: 0 0 0 0;
-        flex-direction: column;
-        overflow-x: visible;
-        gap: 40px;
         .m-common-card {
             .r(10px);
             .w(100%);

diff --git a/src/assets/css/exam/index.less b/src/assets/css/exam/index.less
@@ -119,7 +119,9 @@
         }
     }
 }
-
+.p-exam .m-exam-search .search-group .search-item.type-list .type-item:last-child {
+    .ml(20px);
+}
 .filter-content {
     .filter-item {
         .check-box-wrapper {

diff --git a/src/assets/css/horse/broadcast.less b/src/assets/css/horse/broadcast.less
@@ -44,6 +44,7 @@
         .u-horse-map {
             .size(306px,192px);
             .r(10px);
+            flex-shrink: 0;
             overflow: hidden;
         }
         .m-list {
@@ -76,7 +77,7 @@
                 padding: 0 10px;
                 gap: 5px;
                 color: #000;
-                border: 1px solid #f5f5f5; 
+                border: 1px solid #f5f5f5;
                 &.no-horse {
                     justify-content: center;
                 }
@@ -121,7 +122,7 @@
     }
 }
 
-@media screen and(max-width: @phone) {
+@media screen and(max-width: @ipad) {
     .m-horse-broadcast .m-horse-broadcast__list {
         padding: 10px;
         height: auto;
@@ -132,6 +133,8 @@
         }
         .m-list {
             .m-horse {
+                .w(100%);
+                box-sizing: border-box;
                 padding: 10px;
                 flex-wrap: wrap;
                 height: auto;

diff --git a/src/views/furniture/Index.vue b/src/views/furniture/Index.vue
@@ -516,23 +516,26 @@ export default {
 
 <style lang="less">
 @import "~@/assets/css/furniture/index.less";
+.pvx-search-wrapper .search-group .search-item.filter-wrap {
+    margin: 0;
+}
+.p-furniture .u-furniture-select {
+    margin: 0;
+}
 @media screen and (max-width: @ipad) {
     .pvx-search-wrapper {
         height: auto;
-        padding-left: 20px !important;
+        padding-left: 15px;
         .search-group {
             flex-wrap: wrap;
             flex-direction: row;
-            justify-content: space-between;
-            gap: 10px;
             .search-item {
-                width: 40% !important;
-                position: relative;
-                margin: 0;
-                flex: 1;
                 input {
                     width: 100% !important;
                 }
+                .search-input {
+                    min-width: 300px;
+                }
             }
         }
     }

diff --git a/src/views/pet/PetList.vue b/src/views/pet/PetList.vue
@@ -9,7 +9,7 @@
             :mapList="mapList"
         />
         <PublicNotice bckey="pet_ac" />
-        <template v-if="luckyList.length > 0">
+        <template v-if="luckyList.length > 0 && !showAllList">
             <div class="m-pet-title u-type u-lucky-title">
                 <div class="u-title">今日福缘</div>
             </div>
@@ -163,7 +163,7 @@ export default {
             handler(val) {
                 this.getPetListInit(val);
             },
-        }, 
+        },
     },
     created() {
         this.showCount();