样式修改

src/views/ppt_manage/newVersion/components/editor/ChooseCover.vue

@@ -29,6 +29,7 @@
                     <p :style="{'color':$parent.pptCoverTextColor||''}">{{$parent.pptCoverDepartName||'投研部'}}</p>
                     <el-date-picker
                         v-model="pageData.PptDate"
+                        :data-textcolor="$parent.pptCoverTextColor"
                         type="month"
                         ref="date_pic"
                         format="yyyy年M月"
@@ -69,7 +70,7 @@ export default {
         };
     },
     mounted(){
-        $('.el-date-editor .el-input__inner').css({backgroundColor: 'transparent',border:'none',color:'#fff',textAlign:'center',fontSize:'16px'});
+        $('.el-date-editor .el-input__inner').css({backgroundColor: 'transparent',border:'none',color:this.$parent.pptCoverTextColor||'#fff',textAlign:'center',fontSize:'16px'});
 		$('.el-date-editor .el-icon-date' ).css({display:'none'});
         this.bgList = this.pptCoverList
         this.searchIndex = this.bgList.findIndex(i=>i===this.firstPage.BackgroundImg)
@@ -135,6 +136,9 @@ export default {
           resize: none;
           font-weight:bolder; 
           color:var(--text-color);
+          &::placeholder{
+            color:var(--text-color);
+          }
           scrollbar-width: none; 
           -ms-overflow-style: none;
           &::-webkit-scrollbar {
@@ -142,6 +146,15 @@ export default {
           }
         }
       }
+      .el-date-editor{
+        --text-color:attr(data-textcolor);
+          .el-input__inner::placeholder{
+            color:var(--text-color);
+          }
+          .el-input__suffix{
+            color:var(--text-color);
+          }
+      }
     }
   }
 }

src/views/ppt_manage/newVersion/components/editor/ChooseCoverEn.vue

@@ -6,9 +6,10 @@
                 <img src="~@/assets/img/ppt_m/close.png" alt="" class="close_ico" @click="closeDialog">
             </header>
             <div class="dialog-bg" :style="'backgroundImage:url('+bgList[bgListIndex]+');backgroundPosition:center;backgroundRepeat:no-repeat;backgroundSize:cover;'">
-                <div style="width:62%; font-size:16px; text-align:center; line-height:1.6; color:#fff; position:absolute; right:20px; top:50%;">
-                    <p style="height:5px; border-top:1px solid #fff;margin-bottom:21px;"></p>
+                <div :style="`width:62%; font-size:16px; text-align:center; line-height:1.6; color:${$parent.pptCoverTextColor||'#fff'}; position:absolute; right:20px; top:50%;`">
+                    <p :style="`height:5px; border-top:1px solid ${$parent.pptCoverTextColor||'#fff'};margin-bottom:21px;`"></p>
                     <el-input
+                      :data-textcolor="$parent.pptCoverTextColor"
                       type="textarea"
                       autosize
                       placeholder="请输入标题"
@@ -18,13 +19,13 @@
                         <span :style="{'color':$parent.pptCoverTextColor||''}">{{$parent.pptCoverCompenyName||'ETA'}}</span>
                     </p>
                     <p style="display:flex; align-items:center; justify-content:center;">
-                      <span style="display:inline-block; width:15px; margin-left:5px; border-top:1px solid #fff;"></span>
+                      <span :style="`display:inline-block; width:15px; margin-left:5px; border-top:1px solid ${$parent.pptCoverTextColor||'#fff'};`"></span>
                       <input 
                         type="text" 
-                        style="width:80px;background:transparent;color:#fff;border:none;text-align:center;display:inline-block" 
+                        :style="`width:80px;background:transparent;color:${$parent.pptCoverTextColor||'#fff'};border:none;text-align:center;display:inline-block`" 
                         v-model="pageData.ReportType"
                         placeholder="请输入类型"/>
-                        <span style="display:inline-block; width:15px; margin-left:5px; border-top:1px solid #fff;"></span>
+                        <span :style="`display:inline-block; width:15px; margin-left:5px; border-top:1px solid ${$parent.pptCoverTextColor||'#fff'};`"></span>
                     </p>
                     <p :style="{'color':$parent.pptCoverTextColor||''}">{{$parent.pptCoverDepartName||'Research Department'}}</p>
                     <el-date-picker
@@ -35,7 +36,7 @@
                         value-format="yyyy.MM"
                         placeholder="请选择日期">
                     </el-date-picker>
-                    <p style="width:80%; height:1px; border-bottom:1px solid #fff; margin:21px auto 0;"></p>
+                    <p :style="`width:80%; height:1px; border-bottom:1px solid ${$parent.pptCoverTextColor||'#fff'}; margin:21px auto 0;`"></p>
                 </div>
             </div>
             <div class="dialog-bot">
@@ -69,7 +70,7 @@ export default {
         };
     },
     mounted(){
-        $('.el-date-editor .el-input__inner').css({backgroundColor: 'transparent',border:'none',color:'#fff',textAlign:'center',fontSize:'16px'});
+        $('.el-date-editor .el-input__inner').css({backgroundColor: 'transparent',border:'none',color:this.$parent.pptCoverTextColor||'#fff',textAlign:'center',fontSize:'16px'});
 		$('.el-date-editor .el-icon-date' ).css({display:'none'});
         this.bgList = this.pptCoverList
         this.searchIndex = this.bgList.findIndex(i=>i===this.firstPage.BackgroundImg)
@@ -126,6 +127,7 @@ export default {
     .dialog-bg{
       .el-textarea{
         max-width: 95%;
+        --text-color:attr(data-textcolor);
         textarea{
           outline: none;
           border: none;
@@ -135,14 +137,27 @@ export default {
           text-align: center;
           resize: none;
           font-weight:bolder; 
-          color: #fff;
+          /* color: #fff; */
           scrollbar-width: none; 
           -ms-overflow-style: none;
+          color:var(--text-color);
+          &::placeholder{
+            color:var(--text-color);
+          }
           &::-webkit-scrollbar {
             width: 0px;
           }
         }
       }
+      .el-date-editor{
+        --text-color:attr(data-textcolor);
+          .el-input__inner::placeholder{
+            color:var(--text-color);
+          }
+          .el-input__suffix{
+            color:var(--text-color);
+          }
+      }
     }
   }
 }