fix: book

JX3BOX · Dec 26, 2023 · 2f7e319 · 2f7e319
1 parent ca34cdb
commit 2f7e319
Show file tree

Hide file tree

Showing 6 changed files with 28 additions and 19 deletions.
diff --git a/src/assets/css/book/card.less b/src/assets/css/book/card.less
@@ -3,8 +3,7 @@
     .w(190px); 
     padding: 20px;
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
-    .u-book-info {
-        .r(10px);
+    .u-book-info { 
         .pr;
         .size(100%,280px);
         .pointer;

diff --git a/src/assets/css/book/single.less b/src/assets/css/book/single.less
@@ -26,8 +26,7 @@
             .book-content-wrapper {
                 .pr;
                 .pr(34px);
-                .h(316px);
-                .r(10px);
+                .h(316px); 
                 .w(100%);
                 overflow: auto;
                 padding: 14px 36px 14px 14px;

diff --git a/src/assets/css/horse/same_item.less b/src/assets/css/horse/same_item.less
@@ -44,6 +44,9 @@
         .flex;
         gap: 10px;
         align-items: center;
+        &.name {
+            .break(1);
+        }
         .u-attr-icon {
             .size(30px);
             .clip;

diff --git a/src/assets/css/reputation/single.less b/src/assets/css/reputation/single.less
@@ -23,7 +23,7 @@
                 .item {
                     display: flex;
                     justify-content: flex-start;
-                    align-items: start;
+                    align-items: flex-start;
                     padding: 18px 20px;
                     margin-bottom: 20px;
                     width: 100%;
@@ -43,7 +43,7 @@
                     .desc {
                         display: flex;
                         justify-content: flex-start;
-                        align-items: start;
+                        align-items: flex-start;
                         width: inherit;
                         .desc-title {
                             .fz(16px);
@@ -123,24 +123,24 @@
                     height: 36px;
                     line-height: 36px;
                     text-align: center;
-                    background-color: #C5C5C5;
+                    background-color: #c5c5c5;
                     color: #000;
                     font-weight: 700;
                     border-radius: 5px;
                 }
-                &.active{
+                &.active {
                     border: 1px solid #d16400;
+                    background: #e86f0019;
                     box-shadow: 0px 0px 10px rgba(232, 111, 0, 0.4);
-                    .stage-title{
-                        span{
-                            color:#d16400;
+                    .stage-title {
+                        span {
+                            color: #d16400;
                         }
                     }
-                    .no-data{
+                    .no-data {
                         background-color: #d16400;
-                        color:#fff;
+                        color: #fff;
                     }
-
                 }
             }
         }
@@ -337,7 +337,7 @@
                 flex-direction: column;
                 height: auto;
                 align-items: flex-start;
-                
+
                 .desc {
                     align-items: flex-start;
                     font-weight: normal;

diff --git a/src/components/horse/HorseCard.vue b/src/components/horse/HorseCard.vue
@@ -49,10 +49,14 @@ export default {
             return this.$store.state.client;
         },
         MagicAttributes() {
-            return this.isPhone ? this.item.MagicAttributes : this.item.MagicAttributes.slice(0, 3) || [];
+            if (this.isPhone) this.item.MagicAttributes;
+            return this.item.MagicAttributes.length <= 4
+                ? this.item.MagicAttributes
+                : this.item.MagicAttributes.slice(0, 3) || [];
         },
         count() {
-            return this.isPhone ? 0 : this.item.MagicAttributes.slice(3).length;
+            if (this.isPhone) return 0;
+            return this.item.MagicAttributes.length <= 4 ? 0 : this.item.MagicAttributes.slice(3).length;
         },
     },
     methods: {

diff --git a/src/components/horse/SameItem.vue b/src/components/horse/SameItem.vue
@@ -52,10 +52,14 @@ export default {
             return isPhone();
         },
         MagicAttributes() {
-            return this.isPhone ? this.item.MagicAttributes : this.item.MagicAttributes.slice(0, 3) || [];
+            if (this.isPhone) this.item.MagicAttributes;
+            return this.item.MagicAttributes.length <= 4
+                ? this.item.MagicAttributes
+                : this.item.MagicAttributes.slice(0, 3) || [];
         },
         count() {
-            return this.isPhone ? 0 : this.item.MagicAttributes.slice(3).length;
+            if (this.isPhone) return 0;
+            return this.item.MagicAttributes.length <= 4 ? 0 : this.item.MagicAttributes.slice(3).length;
         },
     },
     methods: {