十大黄色app_狠狠色伊人亚洲综合网站色_做爰全过程叫床的视频网站_日本69xxxx免费视频

分享最實用的技術,創造更大的價值

vue中富文本rich-text樣式設置不生效解決方案

在小程序、vue中通過v-html、rich-text顯富文本內容,遇到了設置富文本樣式不生效問題,解決方案如下:


1,去掉<style>標簽的scoped屬性;

2,使用 /deep/深度作用選擇器 (案例如下);

.fwb{
    // 在需要設置樣式的富文本dom樣式前添加 /deep/
    /deep/
    img{
        margin-top:50px;
        width:100%;
    }


注意,以上方法適用于H5,不適用小程序,小程序rich-text屬于一個標簽,需要進行內容替換,如:

_body = _body.replace(/\<img/gi, '<img style="max-width:100%;height:auto;" ');


聯系
QQ
電話
咨詢電話:189-8199-7898
TOP