scss 使用 /deep/ 来定义V-HTML 中内容的样式
摘取部分代码
<text class="html-text-box" v-html="noticeList.noticeContent" ></text>
/deep/.ql-size-large {
font-size: 1.5em;
}
/deep/.ql-align-center{
text-align: center;
}
/deep/.ql-align-justify {
text-align: justify;
}
/deep/p{
text-indent: 32rpx;
}
/deep/img{
max-width:720rpx;
max-height:1510rpx;
}
效果如示:
不用scss 的vue中可以使用
.html-text-box >>> .ql-size-large{
font-size: 1.5em;
}
这样来定义CSS样式