Browse Source

全屏按钮

natasha 3 years ago
parent
commit
c7db030be4

BIN
src/assets/NPC/full-screen-red.png


+ 14 - 0
src/components/Adult/preview/DialogueArticleViewChs/index.vue

@@ -2,6 +2,7 @@
 <template>
   <div class="NPC-ArticleView NPC-ArticleView-container" v-if="curQue">
     <div class="ArticleView-header">
+      <a :class="['ArticleView-full']" v-if="showPractice">全屏模式</a>
       <template v-if="curQue.checkList.indexOf(1) > -1">
         <el-switch
           style="display: block"
@@ -214,6 +215,19 @@ export default {
     justify-content: flex-end;
     align-items: center;
     margin-bottom: 16px;
+    position: relative;
+    .ArticleView-full{
+        position: absolute;
+        background: url('../../../../assets/NPC/full-screen-red.png') left center no-repeat;
+        background-size: 16px 16px;
+        padding-left: 24px;
+        color: #000000;
+        font-size: 14px;
+        line-height: 24px;
+        font-weight: bold;
+        left: 0;
+        top: 0;
+    }
     .setting-fontsize {
       display: flex;
       margin-left: 24px;

+ 2 - 2
src/components/Adult/preview/components/WordPhraseDetail.vue

@@ -5,11 +5,11 @@
         <div class="operation">
           <div>
             <template v-if="optionRes && optionRes.length > 0">
-              <img
+              <!-- <img
                 src="../../../../assets/icon/starline-16-normal-Black.png"
                 alt=""
                 v-if="!notshowNext"
-              />
+              /> -->
               <img
                 style="margin-right: 8px"
                 src="../../../../assets/icon/Left-16-normal-Black.png"