瀏覽代碼

封面色值

natasha 3 年之前
父節點
當前提交
43a4e5ec52

+ 1 - 0
src/components/Adult/Preview.vue

@@ -100,6 +100,7 @@
             v-for="(items, indexs) in item.table_list"
             :key="indexs"
             class="NNPE-tableList-tr"
+            :class="[indexs===item.table_list.length-1?'NNPE-tableList-tr-last':'']"
           >
             <div
               v-for="(itemss, indexss) in items"

+ 26 - 3
src/components/Adult/preview/CourseStart.vue

@@ -155,7 +155,7 @@ export default {
         }
     }
     .item-intro{
-        background: #DD5252;
+        background: #C43C3C;
         border: 1px solid rgba(0, 0, 0, 0.1);
         box-sizing: border-box;
         border-radius: 8px;
@@ -164,6 +164,7 @@ export default {
         line-height: 150%;
         white-space: pre-wrap;
         word-break: break-word;
+        min-height: 272px;
     }
     .start-btn{
         width: 160px;
@@ -179,8 +180,30 @@ export default {
         line-height: 28px;
         text-align: center;
         line-height: 40px;
-        &:hover{
-            color: #DD5252;
+        &:active{
+            background: rgba(255, 255, 255, 0.85);
+        }
+    }
+}
+.NNPE-Big-Book-preview-green{
+    .NPC-courseStart{
+        background: #24B99E;
+        .item-intro{
+            background: #1FA189;
+        }
+        .start-btn{
+            color: #24B99E;
+        }
+    }
+}
+.NNPE-Big-Book-preview-brown{
+    .NPC-courseStart{
+        background: #BD8865;
+        .item-intro{
+            background: #A37557;
+        }
+        .start-btn{
+            color: #BD8865;
         }
     }
 }

+ 1 - 0
src/components/Adult/preview/InputHasRecord.vue

@@ -192,6 +192,7 @@ export default {
         line-height: 150%;
         color: #000000;
         margin: 16px 0 8px 0;
+        word-break: break-word;
     }
     b.xuhao{
         background: #DE4444;

+ 6 - 1
src/components/Adult/preview/Picture.vue

@@ -222,7 +222,7 @@ export default {
 //@import url(); 引入公共css类
 .Big-Book-PictureBox{
     width: 100%;
-    // margin-top: 16px;
+    margin-bottom: 24px;
     // &.PictureBoxFlex{
     //     display: flex;
     //     justify-content: space-between;
@@ -391,6 +391,11 @@ export default {
         }
     // }
 }
+.NNPE-tableList-tr-last{
+    .Big-Book-PictureBox{
+        margin-bottom: 0;
+    }
+}
 </style>
 <style lang="scss">
 ul,li{