收藏
回答

小程序rich-text加载不出来,页面展示空白?

rich-text加载不出来,页面展示空白,控制台没有报错,但保存成html后电脑浏览器可以正常加载。(代码中图片链接做了隐私处理,应该不影响问题的理解。)

<div id="zbViewWeChatMiniImages" style="display: none;"
</div>
<div id='zbViewModulesH' value='11028'></div><input id='zbViewModulesHeight' type='hidden' value='11028' />
<div class="ssd-module-mobile-wrap">
    <div class="ssd-module M17044336829421" data-id="M17044336829421">


    </div>
    <div class="ssd-module M16811832485671" data-id="M16811832485671">


    </div>
    <div class="ssd-module M16623665643212" data-id="M16623665643212">


    </div>
    <div class="ssd-module M16623665643353" data-id="M16623665643353">


    </div>
    <div class="ssd-module M16623665643544" data-id="M16623665643544">


    </div>
    <div class="ssd-module M16623665643715" data-id="M16623665643715">


    </div>
    <div class="ssd-module M16623665643876" data-id="M16623665643876">


    </div>
    <div class="ssd-module M16623665644027" data-id="M16623665644027">


    </div>
    <div class="ssd-module M16623665644208" data-id="M16623665644208">


    </div>
    <div class="ssd-module M16623665644479" data-id="M16623665644479">


    </div>
    <div class="ssd-module M166236656447010" data-id="M166236656447010">


    </div>
    <div class="ssd-module M166236656448911" data-id="M166236656448911">


    </div>
    <div class="ssd-module M166236656451013" data-id="M166236656451013">


    </div>
    <div class="ssd-module M166236656452814" data-id="M166236656452814">


    </div>
    <div class="ssd-module M166236656456117" data-id="M166236656456117">


    </div>


</div>
<!-- 2024-01-31 05:06:09 -->
<style>
    .ssd-module-mobile-wrap {
        position: relative;
        margin: 0 auto;
        text-align: left;
        background-color: #fff
    }


    .ssd-module-mobile-wrap .ssd-module,
    .ssd-module-mobile-wrap .ssd-module-heading {
        position: relative;
        overflow: hidden
    }


    .ssd-module-mobile-wrap .ssd-floor-activity {
        max-height: 380px;
        overflow: hidden
    }


    .ssd-module-mobile-wrap .ssd-floor-shopPrior {
        max-height: 900px;
        overflow: hidden
    }


    .ssd-module-mobile-wrap .ssd-floor-authorize {
        max-height: 300px;
        overflow: hidden
    }


    .ssd-module-mobile-wrap .ssd-floor-reminder {
        max-height: 4000px;
        overflow: hidden
    }


    .ssd-module-mobile-wrap .ssd-module {
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 100% 100%
    }


    .ssd-module-mobile-wrap .ssd-module-heading {
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 100% 100%
    }


    .ssd-module-mobile-wrap .ssd-module-heading .ssd-module-heading-layout {
        display: inline-block
    }


    .ssd-module-mobile-wrap .ssd-module-heading .ssd-widget-heading-ch {
        float: left;
        display: inline-block;
        margin: 0 6px 0 15px;
        height: 100%
    }


    .ssd-module-mobile-wrap .ssd-module-heading .ssd-widget-heading-en {
        float: left;
        display: inline-block;
        margin: 0 15px 0 6px;
        height: 100%
    }


    .ssd-module-mobile-wrap .ssd-widget-circle,
    .ssd-module-mobile-wrap .ssd-widget-line,
    .ssd-module-mobile-wrap .ssd-widget-pic,
    .ssd-module-mobile-wrap .ssd-widget-rectangle,
    .ssd-module-mobile-wrap .ssd-widget-table,
    .ssd-module-mobile-wrap .ssd-widget-text,
    .ssd-module-mobile-wrap .ssd-widget-triangle {
        position: absolute;
        overflow: hidden
    }


    .ssd-module-mobile-wrap .ssd-widget-rectangle {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }


    .ssd-module-mobile-wrap .ssd-widget-triangle svg {
        width: 100%;
        height: 100%
    }


    .ssd-module-mobile-wrap .ssd-widget-table table {
        width: 100%;
        height: 100%
    }


    .ssd-module-mobile-wrap .ssd-widget-table td {
        position: relative;
        white-space: pre-line;
        word-break: break-all
    }


    .ssd-module-mobile-wrap .ssd-widget-pic img {
        display: block;
        width: 100% !important;
        height: 100% !important
    }


    .ssd-module-mobile-wrap .ssd-widget-text {
        line-height: 1.5;
        word-break: break-all
    }


    .ssd-module-mobile-wrap .ssd-widget-text span {
        display: block;
        overflow: hidden;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        word-break: break-all;
        word-wrap: break-word;
        white-space: normal
    }


    .ssd-module-mobile-wrap .ssd-widget-link {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: 0 0;
        z-index: 100
    }


    .ssd-module-mobile-wrap .ssd-cell-text {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        overflow: auto
    }


    .ssd-module-mobile-wrap .ssd-show {
        display: block
    }


    .ssd-module-mobile-wrap .ssd-hide {
        display: none
    }


    .ssd-module-mobile-wrap .M17044336829421 {
        width: 100.00%;
        background-color: #f2f2f2;
        background-size: 100% 100%;
        background-image: url(https://xxx.xx.com/t1/227360/13/12576/84559/65a09e8cFb4bf9a62/38e2a100c7b36b60.jpg.dpg);
        height: 463px
    }


    .ssd-module-mobile-wrap .M16811832485671 {
        width: 100.00%;
        background-color: #f2f2f2;
        background-size: 100% 100%;
        background-image: url(https://xxx.xx.com/t1/89996/26/37081/85146/6434d23eF4a614b14/75c3158153c60278.jpg.dpg);
        height: 853px
    }


    .ssd-module-mobile-wrap .M16623665643212 {
        width: 100.00%;
        background-color: #cbcbcb;
        background-size: 100% 100%;
        background-image: url(https://xxx.xx.com/t1/237849/30/11152/116770/65b06e08F5eb43a4e/3167cbef09012ce0.jpg.dpg);
        height: 873px
    }


    .ssd-module-mobile-wrap .M16623665643353 {
        width: 100.00%;
        background-color: #d7d7d7;
        background-size: 100% 100%;
        background-image: url(https://xxx.xx.com/t1/197674/7/30194/80256/6434d256F4a797fa0/2efddf203a8255fa.jpg.dpg);
        height: 728px
    }


    .ssd-module-mobile-wrap .M16623665643544 {
        width: 100.00%;
        background-color: #f2f2f2;
        background-size: 100% 100%;
        background-image: url(https://xxx.xx.com/t1/109900/17/39532/72143/6434d261F71d0047f/75dc0b54e50f6e3a.jpg.dpg);
        height: 697px
    }


    .ssd-module-mobile-wrap .M16623665643715 {
        width: 100.00%;
        background-color: #e9e9e9;
        background-size: 100% 100%;
        background-image: url(https://xxx.xx.com/t1/102552/36/22662/71540/6434d269F65e11d33/e82600a23073d789.jpg.dpg);
        height: 691px
    }


    .ssd-module-mobile-wrap .M16623665643876 {
        width: 100.00%;
        background-color: #cbcbcb;
        background-size: 100% 100%;
        background-image: url(https://xxx.xx.com/t1/184769/10/23642/65884/6434d273F26d44b6f/233901c2f391e76f.jpg.dpg);
        height: 822px
    }


    .ssd-module-mobile-wrap .M16623665644027 {
        width: 100.00%;
        background-color: #e9e9e9;
        background-size: 100% 100%;
        background-image: url(https://xxx.xx.com/t1/188191/10/34129/71903/6434d27cFdefa5528/f4df21a833cfc426.jpg.dpg);
        height: 830px
    }


    .ssd-module-mobile-wrap .M16623665644208 {
        width: 100.00%;
        background-color: #f2f2f2;
        background-size: 100% 100%;
        background-image: url(https://xxx.xx.com/t1/47870/1/23090/68717/6434d284Ffe9f3d2f/758c8ac1b856caed.jpg.dpg);
        height: 698px
    }


    .ssd-module-mobile-wrap .M16623665644479 {
        width: 100.00%;
        background-color: #b3b3b3;
        background-size: 100% 100%;
        background-image: url(https://xxx.xx.com/t1/211382/6/30196/51608/6434d28dFf7c8113f/5a17852f0c77a98c.jpg.dpg);
        height: 668px
    }


    .ssd-module-mobile-wrap .M166236656447010 {
        width: 100.00%;
        background-color: #d7d7d7;
        background-size: 100% 100%;
        background-image: url(https://xxx.xx.com/t1/115346/15/35586/46839/6434d295F9f7d94d1/d7ffc25881fc37c0.jpg.dpg);
        height: 734px
    }


    .ssd-module-mobile-wrap .M166236656448911 {
        width: 100.00%;
        background-color: #d7d7d7;
        background-size: 100% 100%;
        background-image: url(https://xxx.xx.com/t1/149204/30/34261/64432/6434d29fFb65da37e/901f73b5e0fce400.jpg.dpg);
        height: 733px
    }


    .ssd-module-mobile-wrap .M166236656451013 {
        width: 100.00%;
        background-color: #cbcbcb;
        background-size: 100% 100%;
        background-image: url(https://xxx.xx.com/t1/196353/27/34270/57628/6434d2a9F840ccd3b/75aefe7f9f240ea8.jpg.dpg);
        height: 701px
    }


    .ssd-module-mobile-wrap .M166236656452814 {
        width: 100.00%;
        background-color: #f2f2f2;
        background-size: 100% 100%;
        background-image: url(https://xxx.xx.com/t1/198548/24/31789/154050/6434d2b1Fa4b9bdfd/5363c772d11abf69.jpg.dpg);
        height: 844px
    }


    .ssd-module-mobile-wrap .M166236656456117 {
        width: 100.00%;
        background-color: #e9e9e9;
        background-size: 100% 100%;
        background-image: url(https://xxx.xx.com/t1/180708/31/34143/74518/6434d2baFa7d2d357/de5079f17a0f0f40.jpg.dpg);
        height: 693px
    }
</style>
回答关注问题邀请回答
收藏

2 个回答

  • 夏木
    夏木
    03-15

    我尝试了下,可以显示。。。

    03-15
    有用
    回复 3
    • Harvey
      Harvey
      03-15
      啊这..难道是因为我用的taro
      03-15
      回复
    • 夏木
      夏木
      03-15回复Harvey
      那我不知道,没用过taro...
      03-15
      回复
    • Harvey
      Harvey
      03-25回复夏木
      你好,我用小程序原生的也无法展示呢,你是怎么做到的哈哈
      03-25
      回复
  • 那一抹笑😃 穿透阳光
    那一抹笑😃 穿透阳光
    03-15

    小程序,富文本组件,没说可以这样用吧,你这个样式是怎么放进去的


    03-15
    有用
    回复 2
    • Harvey
      Harvey
      03-15
      官方是说了支持class和style属性的,您是指哪一块不支持?
      03-15
      回复
    • 那一抹笑😃 穿透阳光
      那一抹笑😃 穿透阳光
      03-15回复Harvey
      你这是是样式外嵌了的嘛,不晓得支不支持,一般都是放在标签上面的
      03-15
      回复
登录 后发表内容