欧美三级国产三级日韩三级_亚洲熟妇丰满大屁股熟妇_欧美亚洲成人一区二区三区_国产精品久久久久久模特

微信小程序之rich-text富文本控制圖片大小的問題 - 新聞資訊 - 云南小程序開發(fā)|云南軟件開發(fā)|云南網(wǎng)站建設(shè)-昆明葵宇信息科技有限公司

159-8711-8523

云南網(wǎng)建設(shè)/小程序開發(fā)/軟件開發(fā)

知識

不管是網(wǎng)站，軟件還是小程序，都要直接或間接能為您產(chǎn)生價值，我們在追求其視覺表現(xiàn)的同時，更側(cè)重于功能的便捷，營銷的便利，運營的高效，讓網(wǎng)站成為營銷工具，讓軟件能切實提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序為后期升級提供便捷的支持！

您當(dāng)前位置>首頁 » 新聞資訊 » 小程序相關(guān) >

微信小程序之rich-text富文本控制圖片大小的問題

發(fā)表時間：2020-9-27

發(fā)布人：葵宇科技

瀏覽次數(shù)：221

<rich-text nodes="{{newResData}}"></rich-text>

    var jsonDa = JSON.stringify(tempConfig.content_yuekajian09).replace(/<img/gi, "<img class='richImg'style='width:auto!important;height:auto!important;max-height:100%;width:100%;'");
    //遍歷得到的數(shù)據(jù)，給img添加CSS和style
    var newResData = JSON.parse(jsonDa);
    console.log(newResData); //得到的數(shù)據(jù)含有img標(biāo)簽的都有richImg類
    that.setData({
    	newResData: newResData,
	})

rich-text .richImg{
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  height: auto!important;
  width: auto!important;
}

在這里插入圖片描述

相關(guān)案例查看更多