黑板模式样式

src/components/Adult/preview/ArticleViewChs/index.vue

@@ -7,7 +7,7 @@
         <div
           class="left"
           @click="submit"
-          :style="{ marginLeft: '97px' }"
+          :style="{ marginLeft: '104px' }"
           v-if="
             tokenData &&
               tokenData.popedom_code_list &&
@@ -607,13 +607,13 @@ export default {
   }
   .ArticleView-full {
     position: absolute;
-    top: 5px;
+    top: 0px;
     background: url("../../../../assets/NPC/full-screen-red.png") left center
       no-repeat;
-    background-size: 16px 16px;
+    background-size: 20px 20px;
     padding-left: 24px;
     color: #000000;
-    font-size: 14px;
+    font-size: 16px;
     line-height: 24px;
     font-weight: bold;
     left: 0;
@@ -629,16 +629,13 @@ export default {
       display: flex;
       align-items: center;
       justify-content: center;
-      width: 104px;
-      height: 32px;
-      background: #ffffff;
-      border: 1px solid rgba(0, 0, 0, 0.25);
-      box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
-      border-radius: 4px;
       cursor: pointer;
+      font-size: 16px;
+      line-height: 24px;
+      font-weight: bold;
       img {
-        width: 24px;
-        height: 24px;
+        width: 20px;
+        height: 20px;
         margin-right: 4px;
       }
     }
@@ -714,30 +711,4 @@ export default {
     width: 100%;
   }
 }
-.NPC-Big-Book-preview-green {
-  .ArticleView-full {
-    background: url("../../../../assets/NPC/full-screen-green.png") left center
-      no-repeat !important;
-    background-size: 16px 16px !important;
-  }
-  .Soundrecord-content {
-    .full-screen-icon {
-      background: url("../../../../assets/NPC/full-screen-green.png") left
-        center no-repeat;
-      background-size: 16px 16px;
-    }
-  }
-}
-.NPC-Big-Book-preview-brown {
-  .ArticleView-full {
-    background: url("../../../../assets/NPC/full-screen-brown.png") left center
-      no-repeat !important;
-    background-size: 16px 16px !important;
-  }
-  .full-screen-icon {
-    background: url("../../../../assets/NPC/full-screen-brown.png") left center
-      no-repeat;
-    background-size: 16px 16px;
-  }
-}
 </style>

src/components/Adult/preview/DialogueArticleViewChs/Practicechs.vue

@@ -1,7 +1,7 @@
 <!--  -->
 <template>
   <div class="NNPE-ArticleView" v-if="curQue">
-    <!-- <a class="ArticleView-full" @click="fullScreen">全屏模式</a> -->
+    <!-- <a class="ArticleView-full" @click="fullScreen">黑板模式</a> -->
     <div
       class="aduioLine-box aduioLine-practice-npc"
       v-if="
@@ -1286,35 +1286,3 @@ export default {
   }
 }
 </style>
-<style lang="scss">
-.NPC-Big-Book-preview-green {
-  .NNPE-ArticleView {
-    .ArticleView-full {
-      background: url("../../../../assets/NPC/full-screen-green.png") left
-        center no-repeat;
-      background-size: 16px 16px;
-    }
-    .Soundrecord-content {
-      .full-screen-icon {
-        background: url("../../../../assets/NPC/full-screen-green.png") left
-          center no-repeat;
-        background-size: 16px 16px;
-      }
-    }
-  }
-}
-.NPC-Big-Book-preview-brown {
-  .Soundrecord-content {
-    .ArticleView-full {
-      background: url("../../../../assets/NPC/full-screen-brown.png") left
-        center no-repeat;
-      background-size: 16px 16px;
-    }
-    .full-screen-icon {
-      background: url("../../../../assets/NPC/full-screen-brown.png") left
-        center no-repeat;
-      background-size: 16px 16px;
-    }
-  }
-}
-</style>

src/components/Adult/preview/DialogueArticleViewChs/index.vue

@@ -11,7 +11,7 @@
         <div
           class="left"
           @click="submit"
-          :style="{ marginLeft: '97px' }"
+          :style="{ marginLeft: '104px' }"
           v-if="
             tokenData &&
               tokenData.popedom_code_list &&
@@ -651,13 +651,13 @@ export default {
   }
   .ArticleView-full {
     position: absolute;
-    top: 5px;
+    top: 0px;
     background: url("../../../../assets/NPC/full-screen-red.png") left center
       no-repeat;
-    background-size: 16px 16px;
+    background-size: 20px 20px;
     padding-left: 24px;
     color: #000000;
-    font-size: 14px;
+    font-size: 16px;
     line-height: 24px;
     font-weight: bold;
     left: 0;
@@ -673,16 +673,13 @@ export default {
       display: flex;
       align-items: center;
       justify-content: center;
-      width: 104px;
-      height: 32px;
-      background: #ffffff;
-      border: 1px solid rgba(0, 0, 0, 0.25);
-      box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
-      border-radius: 4px;
       cursor: pointer;
+      font-size: 16px;
+      line-height: 24px;
+      font-weight: bold;
       img {
-        width: 24px;
-        height: 24px;
+        width: 20px;
+        height: 20px;
         margin-right: 4px;
       }
     }
@@ -775,30 +772,4 @@ export default {
     }
   }
 }
-.NPC-Big-Book-preview-green {
-  .ArticleView-full {
-    background: url("../../../../assets/NPC/full-screen-green.png") left center
-      no-repeat !important;
-    background-size: 16px 16px !important;
-  }
-  .Soundrecord-content {
-    .full-screen-icon {
-      background: url("../../../../assets/NPC/full-screen-green.png") left
-        center no-repeat;
-      background-size: 16px 16px;
-    }
-  }
-}
-.NPC-Big-Book-preview-brown {
-  .ArticleView-full {
-    background: url("../../../../assets/NPC/full-screen-brown.png") left center
-      no-repeat !important;
-    background-size: 16px 16px !important;
-  }
-  .full-screen-icon {
-    background: url("../../../../assets/NPC/full-screen-brown.png") left center
-      no-repeat;
-    background-size: 16px 16px;
-  }
-}
 </style>