fix: 🐛 修复input、textarea组件placeholder样式在微信小程序无效的问题 (#944)

✅ Closes: #943

Author: RJQingHuan

src/uni_modules/wot-design-uni/components/wd-input/index.scss

@@ -26,10 +26,6 @@
       }
     }
 
-    @include e(placeholder) {
-      color: $-dark-color3;
-    }
-
     @include e(count) {
       color: $-dark-color3;
       background: transparent;
@@ -321,17 +317,8 @@
     }
   }
 
-
-  @include e(placeholder) {
-    color: $-input-placeholder-color;
-
-    &.is-error {
-      color: $-input-error-color;
-    }
-  }
-
   .wd-input__count,
   .wd-input__count-current {
     display: inline-flex;
   }
-}
+}

src/uni_modules/wot-design-uni/components/wd-input/placeholder.scss

@@ -0,0 +1,21 @@
+@import "../common/abstracts/variable";
+@import "../common/abstracts/mixin";
+
+.wot-theme-dark {
+  @include b(input) {
+    @include e(placeholder) {
+      color: $-dark-color3;
+    }
+  }
+}
+
+
+@include b(input) {
+  @include e(placeholder) {
+    color: $-input-placeholder-color;
+
+    &.is-error {
+      color: $-input-error-color;
+    }
+  }
+}

src/uni_modules/wot-design-uni/components/wd-input/wd-input.vue

@@ -293,3 +293,6 @@ function isValueEqual(value1: number | string, value2: number | string) {
 <style lang="scss" scoped>
 @import './index.scss';
 </style>
+<style lang="scss">
+@import './placeholder.scss';
+</style>

src/uni_modules/wot-design-uni/components/wd-textarea/index.scss

@@ -29,10 +29,6 @@
       }
     }
 
-    @include e(placeholder) {
-      color: $-dark-color3;
-    }
-
     @include e(count) {
       color: $-dark-color3;
       background: transparent;
@@ -218,15 +214,6 @@
     }
   }
 
-  @include e(placeholder) {
-    color: $-input-placeholder-color;
-
-    &.is-error {
-      color: $-input-error-color;
-    }
-  }
-
-
   @include e(readonly-mask) {
     position: absolute;
     top: 0;

src/uni_modules/wot-design-uni/components/wd-textarea/placeholder.scss

@@ -0,0 +1,20 @@
+@import "../common/abstracts/variable";
+@import "../common/abstracts/mixin";
+
+.wot-theme-dark {
+  @include b(textarea) {
+    @include e(placeholder) {
+      color: $-dark-color3;
+    }
+  }
+}
+
+@include b(textarea) {
+  @include e(placeholder) {
+    color: $-input-placeholder-color;
+
+    &.is-error {
+      color: $-input-error-color;
+    }
+  }
+}

src/uni_modules/wot-design-uni/components/wd-textarea/wd-textarea.vue

@@ -287,3 +287,7 @@ function onClickPrefixIcon() {
 <style lang="scss" scoped>
 @import './index.scss';
 </style>
+
+<style lang="scss">
+@import './placeholder.scss';
+</style>