feat pvx优化

新增cardbannerlist通用组件优化替换掉原先的list通用组件，目前已经对原先使用的地方都进行了替换
JX3BOX · Apr 1, 2024 · d257a21 · d257a21
1 parent 92d75d3
commit d257a21
Show file tree

Hide file tree

Showing 18 changed files with 432 additions and 250 deletions.
diff --git a/src/assets/css/adventure/item.less b/src/assets/css/adventure/item.less
@@ -1,7 +1,8 @@
 .m-adventure-item {
     .pr;
-    .size(212px,224px);
+    .size(auto,224px);
     .r(10px);
+    display: block;
     flex-shrink: 0;
     box-sizing: border-box;
     border: 6px solid #fff;

diff --git a/src/assets/css/book/card.less b/src/assets/css/book/card.less
@@ -1,9 +1,8 @@
 .m-book-card {
     .r(10px);
-    .w(190px); 
     padding: 20px;
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
-    .u-book-info { 
+    .u-book-info {
         .pr;
         .size(100%,280px);
         .pointer;
@@ -74,7 +73,7 @@
         }
     }
     &:hover {
-        .u-book-info{
+        .u-book-info {
             box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.85);
         }
         .u-desc-info {
@@ -87,10 +86,10 @@
         }
     }
 }
-
-// @media screen and (max-width: @phone) {
-//     .m-book-card {
-//         width: 100%;
-//         text-align: center;
-//     }
-// }
+.cross-wrapper,
+.m-book-all,
+.book-list-wrapper {
+    .m-book-card {
+        .w(190px);
+    }
+}
diff --git a/src/assets/css/book/home.less b/src/assets/css/book/home.less
@@ -1,5 +1,12 @@
 .p-book {
     .pt(40px);
+    .m-content {
+        .u-tips {
+            font-size: 14px;
+            color: #777;
+            letter-spacing: 2px;
+        }
+    }
     .m-common-tabs {
         background-color: #fff;
         .u-tab {
@@ -10,9 +17,8 @@
                 color: #fff;
             }
         }
-        .u-search .u-search-input{
+        .u-search .u-search-input {
             .w(100%);
-
         }
     }
 

diff --git a/src/assets/css/face/item.less b/src/assets/css/face/item.less
@@ -117,7 +117,9 @@
         }
     }
     body &.m-body-item {
-        .size(200px,368px);
+        // .size(200px,368px);
+        width: 100%;
+        height: 368px;
         .m-img {
             // .size(160px,264px);
             height: 264px;

diff --git a/src/assets/css/face/single.less b/src/assets/css/face/single.less
@@ -690,6 +690,12 @@
         background-color: #786cbb;
     }
 }
+.p-face-single .m-face-item.m-body-item {
+    width: 200px;
+}
+.p-face-single .m-face-item {
+    width: 190px;
+}
 .m-face-download {
     .flex;
     .mt(40px);

diff --git a/src/assets/css/horse/card.less b/src/assets/css/horse/card.less
@@ -1,8 +1,10 @@
 @import "./pop.less";
 .m-horse-card {
     .pointer;
-    .size(200px,289px);
+    // .size(200px,289px);
     .r(10px);
+    display: block;
+    height: 289px;
     background-color: #fff;
     box-sizing: border-box;
     border: 1px solid #fff;
@@ -78,7 +80,7 @@
 }
 
 @media screen and (max-width: @phone) {
-    .m-horse-card {   
+    .m-horse-card {
         flex-shrink: 0;
     }
 }
diff --git a/src/assets/css/horse/same_item.less b/src/assets/css/horse/same_item.less
@@ -2,7 +2,7 @@
     .flex;
     .r(10px);
     .pointer;
-    .size(190px, 128px);
+    .size(auto, 128px);
     flex-direction: column;
     box-sizing: border-box;
     padding: 20px 15px;

diff --git a/src/assets/data/horse.json b/src/assets/data/horse.json
@@ -1,66 +1,66 @@
-{
-    "list": [
-        {
-            "type": "",
-            "value": -1,
-            "name": "全部",
-            "label": "全部",
-            "page": 1,
-            "pages": 1,
-            "list": []
-        },
-        {
-            "type": 0,
-            "value": 1,
-            "name": "普通坐骑",
-            "label": "普通坐骑",
-            "page": 1,
-            "pages": 1,
-            "list": []
-        },
-        {
-            "type": 1,
-            "value": 2,
-            "name": "奇趣坐骑",
-            "label": "奇趣坐骑",
-            "page": 1,
-            "pages": 1,
-            "list": []
-        },
-        {
-            "type": 2,
-            "value": 3,
-            "name": "马具",
-            "label": "马具",
-            "page": 1,
-            "pages": 1,
-            "list": []
-        }
-    ],
-    "searchType": [
-        {
-            "key": "feed",
-            "type": "checkbox",
-            "name": "喂食饲料",
-            "list": [],
-            "checked": []
-        },
-        {
-            "key": "attr",
-            "type": "checkbox",
-            "name": "属性",
-            "list": [],
-            "checked": []
-        }
-    ],
-    "showTypes": [
-        {
-            "value": "list",
-            "label": "列表"
-        },
-        {
-            "value": "card",
-            "label": "卡片"
-        }
-    ]
-}
+{
+    "list": [
+        {
+            "type": "",
+            "value": -1,
+            "name": "全部",
+            "label": "全部",
+            "page": 1,
+            "pages": 1,
+            "list": []
+        },
+        {
+            "type": 0,
+            "value": 1,
+            "name": "普通坐骑",
+            "label": "普通坐骑",
+            "page": 1,
+            "pages": 1,
+            "list": []
+        },
+        {
+            "type": 1,
+            "value": 2,
+            "name": "奇趣坐骑",
+            "label": "奇趣坐骑",
+            "page": 1,
+            "pages": 1,
+            "list": []
+        },
+        {
+            "type": 2,
+            "value": 3,
+            "name": "马具",
+            "label": "马具",
+            "page": 1,
+            "pages": 1,
+            "list": []
+        }
+    ],
+    "searchType": [
+        {
+            "key": "feed",
+            "type": "checkbox",
+            "name": "喂食饲料",
+            "list": [],
+            "checked": []
+        },
+        {
+            "key": "attr",
+            "type": "checkbox",
+            "name": "属性",
+            "list": [],
+            "checked": []
+        }
+    ],
+    "showTypes": [
+        {
+            "value": "list",
+            "label": "列表"
+        },
+        {
+            "value": "card",
+            "label": "卡片"
+        }
+    ]
+}
diff --git a/src/components/body/item.vue b/src/components/body/item.vue
@@ -20,7 +20,7 @@
             <div class="m-mark-left">
                 <i class="u-mark u-mark--star" v-if="!!item.star">编辑推荐</i>
                 <i class="u-mark u-mark--new" v-if="!!item.is_unlimited">可新建</i>
-            </div> 
+            </div>
             <i class="u-mark u-mark--pay" v-if="!!~~item.price_type && !!item.price_count">付费</i>
         </div>