uniapp引用editor富文本修改placeholder样式不生效问题

如果是原生微信小程序开发直接使用下面代码可修改placeholder的样式

.ql-editor.ql-blank:before {


  /* 此处设置 placeholder 样式 */

  color: rgba(0, 0, 0, 0.5);

  font-style: normal;

}

我在这调用了jin-editor组件，该组件中引用了editor，起初在组件内修改样式一直没修改成功

后尝试在page页面中书写该样式发现生效，得出结论：

components不生效，提到app.wxss文件中就可以了

同理uniapp开发需在app.vue文件中写入全局样式即可

<script>
export default {
  onLaunch: function () {
    // console.warn('当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上！')
  },
  onShow: function () {
  },
  onHide: function () {
  },
};
</script>

<style lang="scss">
@import "uview-ui/index.scss";
/*每个页面公共css */
@import "@/uni_modules/uni-scss/index.scss";
/* #ifndef APP-NVUE */
@import "@/static/customicons.css";

// 设置整个项目的背景色
page {
  background-color: #f6f7fb;
}
//在此设置editor的placeholder样式
.ql-editor.ql-blank:before {
  font-style: normal;
}
/* #endif */
.example-info {
  font-size: 14px;
  color: #333;
  padding: 10px;
}
</style>

------------------------日常记录----------------------