Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

135编辑内容在web端显示正常,在小程序显示多出空白区域且顶部文字没显示出来(急线上bug) #413

Closed
mgbq opened this issue Mar 15, 2022 · 3 comments
Labels
bug Something isn't working

Comments

@mgbq
Copy link

mgbq commented Mar 15, 2022

使用环境

微信小程序基础库 2.19

问题描述

使用135模板编辑的资讯,小程序显示多出空白区域且顶部文字没显示出来(下图见),h5显示正常

复现方式

在h5中显示正常
复制如下 content.js 替换小程序demo里面 https://ext.dcloud.net.cn/plugin?id=805 里面的content.js demo里面显示有问题

/**

  • @fileoverview 用于测试的 html 内容
    */
    export default <section data-role="outer" label="Powered by 135editor.com" style=""><section data-role="outer" label="Powered by 135editor.com" style=""><section data-role="paragraph" class="_135editor"><p style="vertical-align:inherit;"><br/></p></section><section class="_135editor" data-role="paragraph"><p style="vertical-align:inherit;"><br/></p></section><section data-tplid="110441" data-tools="135编辑器"><section style="background-repeat: repeat; background-position: center center; padding: 0px; background-color: rgb(255, 238, 217); background-size: auto; background-image: none; box-sizing: border-box;"><section class=""><section class="_135editor"><section data-role="absolute-layout" data-ratio="1.1626666666666667" style="box-sizing:border-box;max-width: 100% !important;font-size: 16px;overflow: hidden;display: grid; width: 100%; grid-template-columns: 100%; grid-template-rows: 100%;" class=""><section data-role="ratio" style="grid-row-start: 1;grid-column-start: 1;height: max-content;"><svg viewbox="0 0 350 406.93333333333334" style="box-sizing:border-box;max-width: 100% !important;pointer-events: none; display: inline-block; width: 100%; -webkit-tap-highlight-color: transparent; user-select: none;" xml:space="default"></svg></section><section data-role="block" style="box-sizing:border-box;max-width: 100% !important;width: 100%;margin-top: 0%;margin-left: 0%;grid-row-start: 1;grid-column-start: 1;height: max-content; font-size: 16px;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);"><section data-role="block-content" style="box-sizing:border-box;max-width: 100% !important;display: inline-block;width: 100%;"><section><section><img data-role="target" src="http://snjhyy.oss-cn-hangzhou.aliyuncs.com/upload/20220315/dc97007b44650bfd2697be58c7bcf91e.png" alt="" style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit; width: 100%;" data-ratio="1.1625" data-w="640"/></section></section></section></section><section data-role="block" style="box-sizing:border-box;max-width: 100% !important;width: 100%;margin-top: 80.80000000000001%;margin-left: 0%;grid-row-start: 1;grid-column-start: 1;height: max-content; font-size: 16px;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);"><section data-role="block-content" style="box-sizing:border-box;max-width: 100% !important;display: inline-block;width: 100%;"><section><section><img data-role="target" src="http://snjhyy.oss-cn-hangzhou.aliyuncs.com/upload/20220315/b5c1e59b63fbc1a223283d1eb9eddc91.png" alt="" style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit; width: 100%;" data-ratio="0.3546875" data-w="640"/></section></section></section></section><section data-role="block" style="box-sizing:border-box;max-width: 51% !important;width: 51%;margin-top: 45.06666666666666%;margin-left: 24.266666666666666%;grid-row-start: 1;grid-column-start: 1;height: max-content; font-size: 8.16px;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);"><section data-role="block-content" style="box-sizing:border-box;max-width: 100% !important;display: inline-block;width: 100%;"><section><section><img data-role="target" src="http://snjhyy.oss-cn-hangzhou.aliyuncs.com/upload/20220315/c334f6e6f46bdac596aac6d4743ea949.png" alt="" style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit; width: 100%;" data-ratio="1.1736526946107784" data-w="334"/></section></section></section></section><section data-role="block" style="box-sizing:border-box;max-width: 100% !important;width: 100%;margin-top: 6.666666666666667%;margin-left: -0.26666666666666666%;grid-row-start: 1;grid-column-start: 1;height: max-content; font-size: 16px;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);"><section data-role="block-content" style="box-sizing:border-box;max-width: 100% !important;display: inline-block;width: 100%;"><section style="margin: 10px auto;text-align: center;"><section style="display: flex;justify-content: center;align-items: center;"><section class="assistant" style="box-sizing:border-box; width: 10px; height: 10px; background: #ffffff; border-radius: 100%; overflow: hidden;"></section><section style="font-size: 187.5%; letter-spacing: 1.5px; padding: 0px 10px; color: #ffffff; box-sizing: border-box;" data-role="text"><section><span style="font-size: 160%; color: #fe8158;"><strong class="135brush" data-brushtype="text">相互温暖</strong></span></section></section><section class="assistant" style="box-sizing:border-box; width: 10px; height: 10px; background: #ffffff; border-radius: 100%; overflow: hidden;"></section></section><section style="display: inline-block;margin-top: 0px;"><section style="font-size: 100%;letter-spacing: 1.5px;padding: 4px 2em;color: #fff;background: #ffffff;border-top-right-radius: 18px;border-bottom-left-radius: 18px;" data-role="text"><section><span style="color: #fe8158;"><strong class="135brush" data-brushtype="text">来自顾客亲身体验后有感而发</strong></span></section></section></section></section></section></section></section></section><section class="_135editor"><section data-tools="135编辑器" data-id="105041"><section style="box-sizing:border-box;max-width: 100% !important;display: grid; width: 100%; grid-template-columns: 100%; grid-template-rows: 100%;" data-role="absolute-layout" data-width="100%" class=""><section data-role="block" style="height: max-content;grid-column-start: 1;grid-row-start: 1;box-sizing: border-box;"><section style="box-sizing: border-box;"><section><section style="text-align: center;margin: 10px auto;"><section style="display: inline-block;"><section style="display: flex;justify-content: center;align-items: flex-end;"><section class="assistant" style="box-sizing:border-box;width: 25px;flex-shrink: 0;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);"><img src="http://snjhyy.oss-cn-hangzhou.aliyuncs.com/upload/20220315/0336d3d0fd793ee3b8b666b16356a4fa.png" style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit; width: 100%;" data-ratio="0.7872340425531915" data-w="47"/></section><section style="background-color: #ffffff; padding: 7px 24px; margin-left: -14px; box-sizing: border-box;"><section style="font-size: 16px;letter-spacing: 1.5px;color: #fe8158;"><strong class="135brush" data-brushtype="text">为何会选择我们?</strong></section></section></section></section></section></section></section></section></section></section><section class=""><section data-tools="135编辑器" data-id="103728" style=" margin-top: -20px; margin-bottom: -3px;transform: scale(0.95);-webkit-transform: scale(0.95);-moz-transform: scale(0.95);-ms-transform: scale(0.95);-o-transform: scale(0.95);"><section style="margin: 10px auto;"><section style="display: flex;"><section style="flex: 1;"><section style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 2px; background-image: linear-gradient(to right, #fe8158, #ffffff); overflow: hidden;" data-width="100%"></section><section style="text-align: justify; line-height: 1.75em; letter-spacing: 1.5px; font-size: 14px; color: #333333; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #ffffff; padding: 20px; flex: 1 1 0%;"><section><section><section class="135brush" data-autoskip="1"><p style="vertical-align:inherit;">微博中得一篇文章,给了北京南小街店销售员一个意外的“惊喜”,而再看文章内容,表达的何尝不是顾客从销售员身上感受到的“惊喜”:</p><p style="vertical-align:inherit;"><br/></p></section></section><section data-tools="135编辑器" data-id="103153"><section style="margin: 10px auto;text-align: center;"><section style="display: flex;justify-content: center;align-items: flex-start;" data-op="division"><section style="box-sizing:border-box;max-width: 63% !important;width: 63%;margin-left: 5px;" data-width="63%"><section style="box-sizing:border-box;max-width: 100% !important;width: 100%;" data-width="100%"><img data-division="0.36,0,0.63,1" style="box-sizing:border-box; vertical-align: inherit; width: 260px; display: block; height: 578px;" src="http://snjhyy.oss-cn-hangzhou.aliyuncs.com/upload/20220315/c7c056fb17746cc9467c7e970fc98f46.jpg" hm_fix="400:633" data-width="100%" data-op="change" title="微博截图.jpg" alt="微博截图.jpg" width="260" height="578" data-ratio="2.223076923076923" data-w="260"/></section></section></section><section style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 1px; background: #fe8158; overflow: hidden;" data-width="100%"></section></section></section><section><p style="vertical-align:inherit;"><br/></p><section class="135brush" data-autoskip="1"><p style="vertical-align:inherit;"><br/></p><p style="vertical-align:inherit;">&nbsp; &nbsp; 刚进入3月份,两位老人就来到了店里,第一次来店的时候只是简单沟通了想要轮椅的基础需求,销售员在耐心推荐讲解后两位也并没有立即表态,不过销售员并没有着急,而是将两位引坐到休息区,当时店里并不是人流高峰期,所以大家就跟两位老人轻松的唠起了家常,发现阿姨是位很开朗、爱好很多、生活很丰富的人,叔叔也是一个比较健谈、通透的人,聊了一段时间后,两位就走了,表示会再来,销售员微笑相送并表达欢迎。</p><p style="vertical-align:inherit;">&nbsp; &nbsp; 之后过了两天后,两位老人又是相同的时间段到了门店,这次依然在轻松的话题氛围里,相继又聊了一些关于电动轮椅的话题,多数围绕在品牌、功能、价格、外型方面讲解沟通,销售员都一一耐心解答了,同时依然聊了很多家常话题,其实从沟通过程中也能感觉到,两位老人很喜欢沟通聊天,有人跟他们聊天他们很是高兴,到最后虽然二位表示再考虑考虑,但走时脸上洋溢的愉快情绪我们都能感觉的到,对于销售员来说,能帮助到两位老人找到适合的产品固然是好,但如果没有的话,至少能让两位老人通过聊天得到了更多开心也是值得的。</p><p style="vertical-align:inherit;">&nbsp; &nbsp; 再之后的两三天,两位老人依然如期而至,这次聊天中就能感觉到语气中已经加带了坚定的语气,最后依然在愉快的聊天中确定了购买电动轮椅的品牌及型号,但又提出一个顾虑,家里目前只有两位老人在家,电动轮椅本身并非小件商品,问能否给送到家里,销售员表示这些不需要两位老人的担心,将会把所有相关的东西都准备好后,一起给带到家中,安装完成后还必须要教会两位老人使用的,这点放心,以后有任何问题随时跟我们在企业微信中联系,两位老人听到后很是欣慰,并预约到9号上门配送。</p></section></section><section><p style="vertical-align:inherit;"><br/></p></section><section data-tools="135编辑器" data-id="101855"><section style="margin: 10px auto;text-align: center;"><section style="display: flex;justify-content: flex-start;align-items: flex-end;"><section style="box-sizing:border-box;width: 35px;margin-bottom: -4px;flex-shrink: 0;"><img class="assistant" style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit;width: 100%;display: block;" src="http://snjhyy.oss-cn-hangzhou.aliyuncs.com/upload/20220315/0336d3d0fd793ee3b8b666b16356a4fa.png" data-width="100%" data-ratio="0.7872340425531915" data-w="47"/></section><section class="135brush" style="font-size: 16px; letter-spacing: 1.5px; padding: 0px 1em; color: #fe8158; flex-shrink: 0; margin-bottom: -4px; box-sizing: border-box;" data-brushtype="text">上门安装并亲自指导操作</section><section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 1px; background: #fe8158; overflow: hidden;" data-width="100%"></section></section><section style="display: flex; justify-content: center; align-items: center; border-right: 1px solid #fe8158; border-bottom: 1px solid #fe8158; padding-right: 8px; padding-bottom: 8px; padding-top: 8px; box-sizing: border-box;"><section style="box-sizing:border-box;max-width: 100% !important;width: 100%;" data-width="100%"><img style="box-sizing:border-box; vertical-align: inherit; width: 174px; display: block; height: 378px;" src="http://snjhyy.oss-cn-hangzhou.aliyuncs.com/upload/20220315/edcbe9bf8d89695f2bc27bcd2e5099e2.jpg" data-width="100%" data-op="change" title="上门配送1.jpg" alt="上门配送1.jpg" width="174" height="378" data-ratio="2.1724137931034484" data-w="174"/></section><section style="box-sizing:border-box;max-width: 100% !important;width: 100%;margin-left: 8px;" data-width="100%"><img style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit;width: 100%;display: block;" src="http://snjhyy.oss-cn-hangzhou.aliyuncs.com/upload/20220315/bbc76c43c2c25569d2df89b61636a36a.jpg" hm_fix="399:471" data-width="100%" data-op="change" title="上门配送2.jpg" alt="上门配送2.jpg" data-ratio="1.8347826086956522" data-w="920"/></section></section></section></section><section><section class="135brush" data-autoskip="1"><p style="vertical-align:inherit;"><br/></p><p style="vertical-align:inherit;">讲解的比较细致,而两位老人听的也很耐心和认真。</p><p style="vertical-align:inherit;"><br/></p></section></section></section></section><section style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 2px; background-image: linear-gradient(to right, #ffffff, #fe8158); overflow: hidden;" data-width="100%"><br/></section></section></section></section></section></section></section><section class="_135editor"><section><section style="text-align: center;margin: 10px auto;" class=""><section style="display: inline-block;"><section style="display: flex;justify-content: center;align-items: flex-end;"><section class="assistant" style="box-sizing:border-box;width: 25px;flex-shrink: 0;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);"><br/></section></section></section></section></section><section><section data-tools="135编辑器" data-id="103728" style="margin-top: -20px; margin-bottom: -3px;transform: scale(0.95);-webkit-transform: scale(0.95);-moz-transform: scale(0.95);-ms-transform: scale(0.95);-o-transform: scale(0.95);"><section style="margin: 10px auto;"><section style="display: flex;"><section style="flex: 1;"><section style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 2px; background-image: linear-gradient(to right, #fe8158, #ffffff); overflow: hidden;" data-width="100%"></section><section style="text-align: justify; line-height: 1.75em; letter-spacing: 1.5px; font-size: 14px; color: #333333; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #ffffff; padding: 20px; flex: 1 1 0%;"><section><p style="vertical-align:inherit;"><br/></p><section style=" line-height: 2em;" class="135brush" data-autoskip="1"><p style="vertical-align:inherit;">最后,销售员收到了顾客的感谢,一份很有质感的礼物,个人觉得可以展示给大家欣赏</p></section></section><section><p style="vertical-align:inherit;"><br/></p></section><section data-tools="135编辑器" data-id="103214"><section style="margin: 10px 0;text-align: center;"><section style="display: flex; justify-content: space-between; align-items: center;"><section style="box-sizing:border-box;max-width: 50% !important;width: 50%;margin-right: 5px;" data-width="50%"><section style="box-sizing:border-box;max-width: 100% !important; width: 100%; margin-bottom: 6px;" data-width="100%"><img style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit; width: 100%;" src="http://snjhyy.oss-cn-hangzhou.aliyuncs.com/upload/20220315/df890719b94a0bd95552c398d4445e80.jpg" alt="顾客赠送1.jpg" data-width="100%" data-op="change" title="顾客赠送1.jpg" data-ratio="0.75" data-w="1440"/></section><section style="box-sizing:border-box;max-width: 100% !important; width: 100%;" data-width="100%"><img style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit; width: 100%;" src="http://snjhyy.oss-cn-hangzhou.aliyuncs.com/upload/20220315/f516a1e509d2528577aa536353eba4df.jpg" alt="顾客赠送2.jpg" data-width="100%" data-op="change" title="顾客赠送2.jpg" data-ratio="0.75" data-w="1440"/></section></section><section style="box-sizing:border-box;max-width: 50% !important;width: 50%;margin-left: 5px;" data-width="50%"><section style="box-sizing:border-box;max-width: 100% !important;text-align: left; width: 100%;margin-bottom: 20px;" data-width="100%"><section class="135brush" style="font-size: 16px; color: #fe8158;" data-brushtype="text">阿姨的亲手绘画</section><section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 1px; background-image: linear-gradient(to right, #fe8158, #e8f0ff); margin: 3px 0px; overflow: hidden;" data-width="100%"></section><section style="font-size: 16px; color: #fff7ea;"><br/></section></section><section style="box-sizing:border-box;max-width: 100% !important; width: 100%;" data-width="100%"><img style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit; width: 100%;" src="http://snjhyy.oss-cn-hangzhou.aliyuncs.com/upload/20220315/f51b34096a5eaf0387068d69654cd189.jpg" alt="顾客赠送3.jpg" hm_fix="400:422" data-width="100%" data-op="change" title="顾客赠送3.jpg" data-ratio="0.75" data-w="1440"/></section></section></section></section></section><section><p style="vertical-align:inherit;"><br/></p></section><section data-tools="135编辑器" data-id="102598"><section style="margin: 10px 0 10px 10px;"><section style="box-sizing: border-box;border-left: 1px solid #fe8158;"><section class="box-edit"><section style="box-sizing: border-box;"><section style="display: flex;justify-content: flex-start;align-items: center;margin-left: -8px;"><section style="padding: 3px;border-radius: 100%;border: 1px solid #fe8158;background: #fff;"><section class="assistant" style="box-sizing:border-box; align-self: flex-start; width: 7px; height: 7px; border-radius: 100%; background: #fe8158; overflow: hidden;"><br/></section></section></section></section></section></section></section></section><section><p style="vertical-align:inherit;"><br/></p></section></section><section style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 2px; background-image: linear-gradient(to right, #ffffff, #fe8158); overflow: hidden;" data-width="100%"></section></section><section style="display: flex;"><section style="box-sizing:border-box; width: 1px; height: 100%; background-image: linear-gradient(#ffffff, #fe8158); overflow: hidden;"></section></section></section></section></section></section></section><section><p style="vertical-align:inherit;"><br/></p></section><section class="_135editor"><section style="margin: 10px auto;text-align: center;"><section style="display: flex;justify-content: center;align-items: center;flex-direction: column;"><section style="box-sizing:border-box;width: 35px;"><img class="assistant" style="max-width: 81% !important;box-sizing:border-box;vertical-align:inherit; width: 81%; display: block; height: auto;" src="http://snjhyy.oss-cn-hangzhou.aliyuncs.com/upload/20220315/0336d3d0fd793ee3b8b666b16356a4fa.png" data-width="81%" width="81%" data-ratio="0.7872340425531915" data-w="47"/></section><section style="font-size: 16px; letter-spacing: 1.5px; padding: 4px 1em; color: #fe8158; box-sizing: border-box;" hm_fix="331:291"><strong class="135brush" data-brushtype="text">END</strong></section></section></section></section><section><p style="vertical-align:inherit;"><br/></p></section><section class="_135editor"><section data-tools="135编辑器" data-id="105579" data-width="96%" style="box-sizing:border-box;max-width: 96% !important;margin-left: auto; margin-right: auto; width: 96%; flex: 0 0 96%;"><section style="margin: 10px auto;text-align: center;"><section style="box-sizing:border-box; width: 12px; height: 12px; background-color: #fef6cf; border-radius: 50%; margin: 0px 0px -7px 15px; overflow: hidden;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);"></section><section style="background-color: #ffffff; padding: 20px 0px 10px; border-radius: 15px; box-shadow: #fe8158 4px 7px 0px 0px; margin-right: 5px; box-sizing: border-box;"><section style="display: flex;justify-content: space-evenly;align-items: center;"><section style="box-sizing:border-box;max-width: 35% !important;width: 35%;" data-width="35%"><section style="box-sizing:border-box;max-width: 100% !important;width: 100%;" data-width="100%"><img style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit;width: 100%; display: block;" src="http://snjhyy.oss-cn-hangzhou.aliyuncs.com/upload/20220315/77f128c62799a77189ee1c9f6b99c414.png" data-width="100%" data-op="change" title="康复之家 logo-03.png" alt="康复之家 logo-03.png" data-ratio="1.0445497630331753" data-w="1055"/></section></section><section style="box-sizing:border-box;max-width: 43% !important;width: 43%;" data-width="43%"><section style="display: inline-block;"><section style="font-size: 16px; letter-spacing: 1.5px; color: #fe8158; padding: 0px 10px; box-sizing: border-box;"><strong class="135brush" data-brushtype="text">感谢关注我们</strong></section><section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 2px; background-color: #fe8158; margin-top: 10px; overflow: hidden;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);" data-width="100%"></section></section><section style="margin-top: -17px;"><section style="font-size: 15px;letter-spacing: 1.5px;color: #fffae7;white-space: nowrap;"><br/></section></section><p style="vertical-align:inherit;font-size: 15px;letter-spacing: 1.5px;color: #636c6f;margin-top: 5px;">将健康融入生活</p><p style="vertical-align:inherit;font-size: 15px;letter-spacing: 1.5px;color: #636c6f;margin-top: 5px;">让康复变得简单</p></section></section><section style="display: flex;justify-content: flex-end;margin: -15px 15px 0 0;"><section class="assistant" style="box-sizing:border-box;width: 30px;"><img class="assistant" style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit;width: 100%; display: block;" src="http://snjhyy.oss-cn-hangzhou.aliyuncs.com/upload/20220315/606a7f50648515f5b7fbcec63895a8c6.png" data-width="100%" data-ratio="0.7872340425531915" data-w="47"/></section></section></section></section></section></section><section><p style="vertical-align:inherit;"><br/></p></section><section><p style="vertical-align:inherit;"><br/></p></section><section class="_135editor"><section style="text-align: center; line-height: 2em;font-size: 14px; color: #fe8158;" class="135brush" data-autoskip="1"><p style="vertical-align:inherit;">排版|135编辑器</p><p style="vertical-align:inherit;">图片|康复之家连锁管理部</p><p style="vertical-align:inherit;">文字|康复之家连锁管理部</p><p style="vertical-align:inherit;">贴纸|来源135编辑器比格设计</p><p style="vertical-align:inherit;"><br/></p></section></section></section></section></section><section class="_135editor" data-role="paragraph"><p style="vertical-align:inherit;"><br/></p></section><section class="_135editor" data-role="paragraph"><p style="vertical-align:inherit;"><br/></p></section></section></section>

正常的

在这里插入图片描述

异常的

在这里插入图片描述

@jin-yufeng jin-yufeng added the bug Something isn't working label Mar 15, 2022
@mgbq mgbq changed the title 135编辑内容在web端显示正常,在小程序显示多出空白区域(急线上bug) 135编辑内容在web端显示正常,在小程序显示多出空白区域且标题文字没显示出来(急线上bug) Mar 15, 2022
@mgbq mgbq changed the title 135编辑内容在web端显示正常,在小程序显示多出空白区域且标题文字没显示出来(急线上bug) 135编辑内容在web端显示正常,在小程序显示多出空白区域且顶部文字没显示出来(急线上bug) Mar 15, 2022
@jin-yufeng
Copy link
Owner

mp-html.zip 应该可以了

@mgbq
Copy link
Author

mgbq commented Mar 15, 2022

确实可以了请问是什么原因呢

@jin-yufeng
Copy link
Owner

组件内为了减少标签数和加快渲染,会把一些不包含图片、链接等的标签块用 rich-text 显示,但是遇到 grid 布局的时候会出现这种情况

<view style="display:grid">
  <rich-text nodes="<div style="grid-row-start: 1;grid-column-start: 1"></div>" />
</view>

grid-row-start 等相关属性需要直接放在 display: grid 的子标签上才能生效,不然就会出现问题,因此修复需要把这类样式提取出来加在 rich-text

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants