search

jin-yufeng / mp-html

小程序富文本组件，支持渲染和编辑 html，支持在微信、QQ、百度、支付宝、头条和 uni-app 平台使用
https://jin-yufeng.gitee.io/mp-html
MIT License
3.27k stars 479 forks source link

图片无法预览 #498

Closed Capybara-pro closed 1 year ago

Capybara-pro commented 1 year ago

使用环境

  1. HBuilderX 3.6.3。
  2. 使用 uni_modules插件（https://ext.dcloud.net.cn/plugin?id=805）引入 mp-html。

问题描述

运行到微信小程序，点击图片无法预览。

复现方式

  1. 数据格式 
    
export default `<section style="box-sizing: border-box; text-align: justify; font-size: 16px;">
<section style="text-align: center; margin-top: 10px; margin-bottom: 10px; line-height: 0; position: static; box-sizing: border-box;">
<section style="max-width: 100%; vertical-align: middle; display: inline-block; line-height: 0; box-sizing: border-box;"><img class="raw-image" style="vertical-align: middle; max-width: 100%; width: 100%; box-sizing: border-box;" src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-app.png" height="100%" data-ratio="1.106" data-w="500" /></section>
</section>
</section>
</section>
<section style="text-align: left; justify-content: flex-start; display: flex; flex-flow: row nowrap; position: static; box-sizing: border-box;">
<section style="display: inline-block; vertical-align: bottom; width: 67%; flex: 0 0 auto; height: auto; padding: 0px 20px; align-self: flex-end; box-sizing: border-box;">
<section style="text-align: center; margin: 0px; position: static; box-sizing: border-box;">
<section style="text-align: left; padding: 0px 19px; box-sizing: border-box;">
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">根据《国务院关于工人退休、退职的暂行办法》（国发〔1978〕104号附二）及相关规定。</p>
</section>
</section>
</section>
<section class="group-empty" style="display: inline-block; vertical-align: bottom; width: auto; align-self: flex-end; flex: 100 100 0%; height: auto; box-sizing: border-box;"></section>
</section>
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
<section style="margin: 0px 0px 10px; position: static; box-sizing: border-box;">
<section style="background-color: #89b1e6; height: 4px; box-sizing: border-box;"></section>
</section>
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
<section style="text-align: center; justify-content: center; display: flex; flex-flow: row nowrap; margin: 10px 0px; position: static; box-sizing: border-box;">
<section style="display: inline-block; width: auto; vertical-align: top; align-self: flex-start; flex: 0 0 auto; padding: 0px; margin: 0px; min-width: 5%; max-width: 100%; height: auto; background-color: #89b1e6; box-sizing: border-box;">
<section style="text-align: left; justify-content: flex-start; display: flex; flex-flow: row nowrap; position: static; box-sizing: border-box;">
<section style="display: inline-block; vertical-align: middle; width: auto; min-width: 5%; max-width: 100%; flex: 0 0 auto; height: auto; align-self: center; box-sizing: border-box;">
<section style="position: static; box-sizing: border-box;">
<section class="group-empty" style="display: inline-block; width: 0px; height: 0px; vertical-align: top; overflow: hidden; border-style: solid; border-width: 21px 0px 21px 17px; border-color: #89b1e6 rgba(255, 255, 255, 0) #89b1e6 #ffffff; padding: 0px; box-sizing: border-box;"></section>
</section>
</section>
<section style="display: inline-block; vertical-align: middle; width: auto; min-width: 5%; max-width: 100%; flex: 0 0 auto; height: auto; align-self: center; padding: 0px 14px; box-sizing: border-box;">
<section style="justify-content: flex-start; display: flex; flex-flow: row nowrap; position: static; box-sizing: border-box;">
<section style="display: inline-block; vertical-align: middle; width: auto; min-width: 5%; max-width: 100%; flex: 0 0 auto; height: auto; align-self: center; box-sizing: border-box;">
<section style="text-align: center; margin: 8px 0px 0px; position: static; box-sizing: border-box;">
<section style="display: inline-block; width: 16px; height: 16px; vertical-align: top; overflow: hidden; background-color: #ffd853; border-radius: 990px; box-sizing: border-box;">
<section style="text-align: justify; box-sizing: border-box;">
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
</section>
</section>
</section>
</section>
<section style="display: inline-block; vertical-align: middle; width: auto; align-self: center; flex: 0 0 auto; min-width: 5%; max-width: 100%; height: auto; padding: 0px 7px; box-sizing: border-box;">
<section style="text-align: justify; color: #ffffff; font-size: 17px; box-sizing: border-box;">
<p style="margin: 0px; padding: 0px; box-sizing: border-box;"><strong style="box-sizing: border-box;">一</strong></p>
</section>
</section>
<section style="display: inline-block; vertical-align: middle; width: auto; align-self: center; flex: 0 0 auto; min-width: 5%; max-width: 100%; height: auto; box-sizing: border-box;">
<section style="text-align: center; margin: 8px 0px 0px; position: static; box-sizing: border-box;">
<section style="display: inline-block; width: 16px; height: 16px; vertical-align: top; overflow: hidden; background-color: #ffd853; border-radius: 990px; box-sizing: border-box;">
<section style="text-align: justify; box-sizing: border-box;">
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
</section>
</section>
</section>
</section>
</section>
</section>
<section style="display: inline-block; vertical-align: middle; width: auto; min-width: 5%; max-width: 100%; flex: 0 0 auto; height: auto; align-self: center; box-sizing: border-box;">
<section style="position: static; transform: perspective(0px); -webkit-transform: perspective(0px); -moz-transform: perspective(0px); -o-transform: perspective(0px); transform-style: flat; box-sizing: border-box;">
<section style="transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); position: static; box-sizing: border-box;">
<section class="group-empty" style="display: inline-block; width: 0px; height: 0px; vertical-align: top; overflow: hidden; border-style: solid; border-width: 21px 0px 21px 17px; border-color: #89b1e6 rgba(255, 255, 255, 0) #89b1e6 #ffffff; padding: 0px; box-sizing: border-box;"></section>
</section>
</section>
</section>
</section>
</section>
</section>
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
<section style="text-align: center; box-sizing: border-box;">
<p style="margin: 0px; padding: 0px; box-sizing: border-box;"><strong style="box-sizing: border-box;"><span style="color: #315ea3; box-sizing: border-box;">&nbsp;</span><span style="color: #315ea3; box-sizing: border-box;">康工作</span></strong><span style="font-size: 15px; text-align: left; background-color: #f0f6fa;">的工作经历，一般是国有企业。</span></p>
</section>
<section style="text-align: center; justify-content: center; margin: 10px 0px; display: flex; flex-flow: row nowrap; position: static; box-sizing: border-box;">
<section style="display: inline-block; width: 82%; vertical-align: top; flex: 0 0 auto; height: auto; border-style: solid; border-width: 3px 0px; border-color: #89b1e6 #729c74; padding: 0px; align-self: flex-start; box-sizing: border-box;">
<section style="margin: -13px 0% 0px; justify-content: center; display: flex; flex-flow: row nowrap; position: static; box-sizing: border-box;">
<section style="display: inline-block; vertical-align: top; width: 50%; align-self: flex-start; flex: 0 0 auto; box-sizing: border-box;">
<section style="text-align: left; margin: 0px 0%; position: static; box-sizing: border-box;">
<section class="group-empty" style="display: inline-block; width: 13px; height: 13px; vertical-align: top; overflow: hidden; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #89b1e6 #89b1e6 #b0040d #b0040d; background-color: #ffffff; box-sizing: border-box;"></section>
</section>
</section>
<section style="display: inline-block; vertical-align: top; width: 50%; align-self: flex-start; flex: 0 0 auto; box-sizing: border-box;">
<section style="position: static; transform: perspective(0px); -webkit-transform: perspective(0px); -moz-transform: perspective(0px); -o-transform: perspective(0px); transform-style: flat; box-sizing: border-box;">
<section style="text-align: left; margin: 0px 0%; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); position: static; box-sizing: border-box;">
<section class="group-empty" style="display: inline-block; width: 13px; height: 13px; vertical-align: top; overflow: hidden; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #89b1e6 #89b1e6 #b0040d #b0040d; background-color: #ffffff; box-sizing: border-box;"></section>
</section>
</section>
</section>
</section>
</section>
</section>
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
<section style="text-align: center; justify-content: center; display: flex; flex-flow: row nowrap; margin: 10px 0px; position: static; box-sizing: border-box;">
<section style="display: inline-block; width: auto; vertical-align: top; align-self: flex-start; flex: 0 0 auto; padding: 0px; margin: 0px; min-width: 5%; max-width: 100%; height: auto; background-color: #89b1e6; box-sizing: border-box;">
<section style="text-align: left; justify-content: flex-start; display: flex; flex-flow: row nowrap; position: static; box-sizing: border-box;">
<section style="display: inline-block; vertical-align: middle; width: auto; min-width: 5%; max-width: 100%; flex: 0 0 auto; height: auto; align-self: center; box-sizing: border-box;">
<section style="position: static; box-sizing: border-box;">
<section class="group-empty" style="display: inline-block; width: 0px; height: 0px; vertical-align: top; overflow: hidden; border-style: solid; border-width: 21px 0px 21px 17px; border-color: #89b1e6 rgba(255, 255, 255, 0) #89b1e6 #ffffff; padding: 0px; box-sizing: border-box;"></section>
</section>
</section>
<section style="display: inline-block; vertical-align: middle; width: auto; min-width: 5%; max-width: 100%; flex: 0 0 auto; height: auto; align-self: center; padding: 0px 14px; box-sizing: border-box;">
<section style="justify-content: flex-start; display: flex; flex-flow: row nowrap; position: static; box-sizing: border-box;">
<section style="display: inline-block; vertical-align: middle; width: auto; min-width: 5%; max-width: 100%; flex: 0 0 auto; height: auto; align-self: center; box-sizing: border-box;">
<section style="text-align: center; margin: 8px 0px 0px; position: static; box-sizing: border-box;">
<section style="display: inline-block; width: 16px; height: 16px; vertical-align: top; overflow: hidden; background-color: #ffd853; border-radius: 990px; box-sizing: border-box;">
<section style="text-align: justify; box-sizing: border-box;">
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
</section>
</section>
</section>
</section>
<section style="display: inline-block; vertical-align: middle; width: auto; align-self: center; flex: 0 0 auto; min-width: 5%; max-width: 100%; height: auto; padding: 0px 7px; box-sizing: border-box;">
<section style="text-align: justify; color: #ffffff; font-size: 17px; box-sizing: border-box;">
<p style="margin: 0px; padding: 0px; box-sizing: border-box;"><strong style="box-sizing: border-box;">二</strong></p>
</section>
</section>
<section style="display: inline-block; vertical-align: middle; width: auto; align-self: center; flex: 0 0 auto; min-width: 5%; max-width: 100%; height: auto; box-sizing: border-box;">
<section style="text-align: center; margin: 8px 0px 0px; position: static; box-sizing: border-box;">
<section style="display: inline-block; width: 16px; height: 16px; vertical-align: top; overflow: hidden; background-color: #ffd853; border-radius: 990px; box-sizing: border-box;">
<section style="text-align: justify; box-sizing: border-box;">
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
</section>
</section>
</section>
</section>
</section>
</section>
<section style="display: inline-block; vertical-align: middle; width: auto; min-width: 5%; max-width: 100%; flex: 0 0 auto; height: auto; align-self: center; box-sizing: border-box;">
<section style="position: static; transform: perspective(0px); -webkit-transform: perspective(0px); -moz-transform: perspective(0px); -o-transform: perspective(0px); transform-style: flat; box-sizing: border-box;">
<section style="transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); position: static; box-sizing: border-box;">
<section class="group-empty" style="display: inline-block; width: 0px; height: 0px; vertical-align: top; overflow: hidden; border-style: solid; border-width: 21px 0px 21px 17px; border-color: #89b1e6 rgba(255, 255, 255, 0) #89b1e6 #ffffff; padding: 0px; box-sizing: border-box;"></section>
</section>
</section>
</section>
</section>
</section>
</section>
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
<section style="text-align: center; box-sizing: border-box;">
<p style="margin: 0px; padding: 0px; box-sizing: border-box;"><strong style="box-sizing: border-box;">符合特殊工种年限要求</strong></p>
</section>
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
<section style="text-align: center; justify-content: center; margin: 10px 0px; display: flex; flex-flow: row nowrap; position: static; box-sizing: border-box;">
<section style="display: inline-block; width: 82%; vertical-align: top; flex: 0 0 auto; height: auto; border-style: solid; border-width: 3px 0px; border-color: #89b1e6 #729c74; padding: 0px; align-self: flex-start; box-sizing: border-box;">
<section style="position: static; transform: perspective(0px); -webkit-transform: perspective(0px); -moz-transform: perspective(0px); -o-transform: perspective(0px); transform-style: flat; box-sizing: border-box;">
<section style="transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); margin: 0px 0px -12px; justify-content: center; display: flex; flex-flow: row nowrap; position: static; box-sizing: border-box;">
<section style="display: inline-block; vertical-align: top; width: 50%; align-self: flex-start; flex: 0 0 auto; box-sizing: border-box;">
<section style="text-align: left; margin: 0px 0%; position: static; box-sizing: border-box;">
<section class="group-empty" style="display: inline-block; width: 13px; height: 13px; vertical-align: top; overflow: hidden; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #89b1e6 #89b1e6 #b0040d #b0040d; background-color: #ffffff; box-sizing: border-box;"></section>
</section>
</section>
<section style="display: inline-block; vertical-align: top; width: 50%; align-self: flex-start; flex: 0 0 auto; box-sizing: border-box;">
<section style="position: static; transform: perspective(0px); -webkit-transform: perspective(0px); -moz-transform: perspective(0px); -o-transform: perspective(0px); transform-style: flat; box-sizing: border-box;">
<section style="text-align: left; margin: 0px 0%; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); position: static; box-sizing: border-box;">
<section class="group-empty" style="display: inline-block; width: 13px; height: 13px; vertical-align: top; overflow: hidden; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #89b1e6 #89b1e6 #b0040d #b0040d; background-color: #ffffff; box-sizing: border-box;"></section>
</section>
</section>
</section>
</section>
</section>
<section style="justify-content: center; display: flex; flex-flow: row nowrap; position: static; box-sizing: border-box;">
<section style="display: inline-block; width: 100%; vertical-align: top; padding: 36px; background-color: #f0f6fa; align-self: flex-start; flex: 0 0 auto; box-sizing: border-box; border: 1px solid #89b1e6;">
<section style="margin: 0px; position: static; box-sizing: border-box;">
<section style="text-align: left; font-size: 15px; padding: 0px 20px; box-sizing: border-box;">
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">从事高空和特别繁重体力劳动的必须在该工种岗位上工作累计满<strong style="box-sizing: border-box;"><span style="color: #315ea3; box-sizing: border-box;">10</span></strong>年</p>
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">从事井下和高温工作的必须在该工种岗位上工作累计满9年</p>
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">从事其他有害身体健康工作的必须在该工种岗位上工作累计满8年。</p>
</section>
</section>
</section>
</section>
<section style="margin: -13px 0% 0px; justify-content: center; display: flex; flex-flow: row nowrap; position: static; box-sizing: border-box;">
<section style="display: inline-block; vertical-align: top; width: 50%; align-self: flex-start; flex: 0 0 auto; box-sizing: border-box;">
<section style="text-align: left; margin: 0px 0%; position: static; box-sizing: border-box;">
<section class="group-empty" style="display: inline-block; width: 13px; height: 13px; vertical-align: top; overflow: hidden; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #89b1e6 #89b1e6 #b0040d #b0040d; background-color: #ffffff; box-sizing: border-box;"></section>
</section>
</section>
<section style="display: inline-block; vertical-align: top; width: 50%; align-self: flex-start; flex: 0 0 auto; box-sizing: border-box;">
<section style="position: static; transform: perspective(0px); -webkit-transform: perspective(0px); -moz-transform: perspective(0px); -o-transform: perspective(0px); transform-style: flat; box-sizing: border-box;">
<section style="text-align: left; margin: 0px 0%; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); position: static; box-sizing: border-box;">
<section class="group-empty" style="display: inline-block; width: 13px; height: 13px; vertical-align: top; overflow: hidden; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #89b1e6 #89b1e6 #b0040d #b0040d; background-color: #ffffff; box-sizing: border-box;"></section>
</section>
</section>
</section>
</section>
</section>
</section>
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
<section style="text-align: center; justify-content: center; display: flex; flex-flow: row nowrap; margin: 10px 0px; position: static; box-sizing: border-box;">
<section style="display: inline-block; width: auto; vertical-align: top; align-self: flex-start; flex: 0 0 auto; padding: 0px; margin: 0px; min-width: 5%; max-width: 100%; height: auto; background-color: #89b1e6; box-sizing: border-box;">
<section style="text-align: left; justify-content: flex-start; display: flex; flex-flow: row nowrap; position: static; box-sizing: border-box;">
<section style="display: inline-block; vertical-align: middle; width: auto; min-width: 5%; max-width: 100%; flex: 0 0 auto; height: auto; align-self: center; box-sizing: border-box;">
<section style="position: static; box-sizing: border-box;">
<section class="group-empty" style="display: inline-block; width: 0px; height: 0px; vertical-align: top; overflow: hidden; border-style: solid; border-width: 21px 0px 21px 17px; border-color: #89b1e6 rgba(255, 255, 255, 0) #89b1e6 #ffffff; padding: 0px; box-sizing: border-box;"></section>
</section>
</section>
<section style="display: inline-block; vertical-align: middle; width: auto; min-width: 5%; max-width: 100%; flex: 0 0 auto; height: auto; align-self: center; padding: 0px 14px; box-sizing: border-box;">
<section style="justify-content: flex-start; display: flex; flex-flow: row nowrap; position: static; box-sizing: border-box;">
<section style="display: inline-block; vertical-align: middle; width: auto; min-width: 5%; max-width: 100%; flex: 0 0 auto; height: auto; align-self: center; box-sizing: border-box;">
<section style="text-align: center; margin: 8px 0px 0px; position: static; box-sizing: border-box;">
<section style="display: inline-block; width: 16px; height: 16px; vertical-align: top; overflow: hidden; background-color: #ffd853; border-radius: 990px; box-sizing: border-box;">
<section style="text-align: justify; box-sizing: border-box;">
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
</section>
</section>
</section>
</section>
<section style="display: inline-block; vertical-align: middle; width: auto; align-self: center; flex: 0 0 auto; min-width: 5%; max-width: 100%; height: auto; padding: 0px 7px; box-sizing: border-box;">
<section style="text-align: justify; color: #ffffff; font-size: 17px; box-sizing: border-box;">
<p style="margin: 0px; padding: 0px; box-sizing: border-box;"><strong style="box-sizing: border-box;">三</strong></p>
</section>
</section>
<section style="display: inline-block; vertical-align: middle; width: auto; align-self: center; flex: 0 0 auto; min-width: 5%; max-width: 100%; height: auto; box-sizing: border-box;">
<section style="text-align: center; margin: 8px 0px 0px; position: static; box-sizing: border-box;">
<section style="display: inline-block; width: 16px; height: 16px; vertical-align: top; overflow: hidden; background-color: #ffd853; border-radius: 990px; box-sizing: border-box;">
<section style="text-align: justify; box-sizing: border-box;">
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
</section>
</section>
</section>
</section>
</section>
</section>
<section style="display: inline-block; vertical-align: middle; width: auto; min-width: 5%; max-width: 100%; flex: 0 0 auto; height: auto; align-self: center; box-sizing: border-box;">
<section style="position: static; transform: perspective(0px); -webkit-transform: perspective(0px); -moz-transform: perspective(0px); -o-transform: perspective(0px); transform-style: flat; box-sizing: border-box;">
<section style="transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); position: static; box-sizing: border-box;">
<section class="group-empty" style="display: inline-block; width: 0px; height: 0px; vertical-align: top; overflow: hidden; border-style: solid; border-width: 21px 0px 21px 17px; border-color: #89b1e6 rgba(255, 255, 255, 0) #89b1e6 #ffffff; padding: 0px; box-sizing: border-box;"></section>
</section>
</section>
</section>
</section>
</section>
</section>
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
<section style="text-align: center; padding: 0px 20px; box-sizing: border-box;">
<p style="margin: 0px; padding: 0px; box-sizing: border-box;"><strong style="box-sizing: border-box;">达到对应退休年龄</strong></p>
</section>
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
<section style="text-align: center; justify-content: center; margin: 10px 0px; display: flex; flex-flow: row nowrap; position: static; box-sizing: border-box;">
<section style="display: inline-block; width: 82%; vertical-align: top; flex: 0 0 auto; height: auto; border-style: solid; border-width: 3px 0px; border-color: #89b1e6 #729c74; padding: 0px; align-self: flex-start; box-sizing: border-box;">
<section style="position: static; transform: perspective(0px); -webkit-transform: perspective(0px); -moz-transform: perspective(0px); -o-transform: perspective(0px); transform-style: flat; box-sizing: border-box;">
<section style="transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); margin: 0px 0px -12px; justify-content: center; display: flex; flex-flow: row nowrap; position: static; box-sizing: border-box;">
<section style="display: inline-block; vertical-align: top; width: 50%; align-self: flex-start; flex: 0 0 auto; box-sizing: border-box;">
<section style="text-align: left; margin: 0px 0%; position: static; box-sizing: border-box;">
<section class="group-empty" style="display: inline-block; width: 13px; height: 13px; vertical-align: top; overflow: hidden; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #89b1e6 #89b1e6 #b0040d #b0040d; background-color: #ffffff; box-sizing: border-box;"></section>
</section>
</section>
<section style="display: inline-block; vertical-align: top; width: 50%; align-self: flex-start; flex: 0 0 auto; box-sizing: border-box;">
<section style="position: static; transform: perspective(0px); -webkit-transform: perspective(0px); -moz-transform: perspective(0px); -o-transform: perspective(0px); transform-style: flat; box-sizing: border-box;">
<section style="text-align: left; margin: 0px 0%; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); position: static; box-sizing: border-box;">
<section class="group-empty" style="display: inline-block; width: 13px; height: 13px; vertical-align: top; overflow: hidden; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #89b1e6 #89b1e6 #b0040d #b0040d; background-color: #ffffff; box-sizing: border-box;"></section>
</section>
</section>
</section>
</section>
</section>
<section style="justify-content: center; display: flex; flex-flow: row nowrap; position: static; box-sizing: border-box;">
<section style="display: inline-block; width: 100%; vertical-align: top; padding: 36px; background-color: #f0f6fa; align-self: flex-start; flex: 0 0 auto; box-sizing: border-box; border: 1px solid #89b1e6;">
<section style="margin: 0px; position: static; box-sizing: border-box;">
<section style="text-align: left; font-size: 15px; padding: 0px 20px; box-sizing: border-box;">
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">退休年龄为男年满<span style="color: #315ea3; box-sizing: border-box;"><strong style="box-sizing: border-box;">55</strong></span>周岁、女年满<span style="color: #315ea3; box-sizing: border-box;"><strong style="box-sizing: border-box;">45</strong></span>周岁。</p>
</section>
</section>
</section>
</section>
<section style="margin: -13px 0% 0px; justify-content: center; display: flex; flex-flow: row nowrap; position: static; box-sizing: border-box;">
<section style="display: inline-block; vertical-align: top; width: 50%; align-self: flex-start; flex: 0 0 auto; box-sizing: border-box;">
<section style="text-align: left; margin: 0px 0%; position: static; box-sizing: border-box;">
<section class="group-empty" style="display: inline-block; width: 13px; height: 13px; vertical-align: top; overflow: hidden; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #89b1e6 #89b1e6 #b0040d #b0040d; background-color: #ffffff; box-sizing: border-box;"></section>
</section>
</section>
<section style="display: inline-block; vertical-align: top; width: 50%; align-self: flex-start; flex: 0 0 auto; box-sizing: border-box;">
<section style="position: static; transform: perspective(0px); -webkit-transform: perspective(0px); -moz-transform: perspective(0px); -o-transform: perspective(0px); transform-style: flat; box-sizing: border-box;">
<section style="text-align: left; margin: 0px 0%; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); position: static; box-sizing: border-box;">
<section class="group-empty" style="display: inline-block; width: 13px; height: 13px; vertical-align: top; overflow: hidden; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #89b1e6 #89b1e6 #b0040d #b0040d; background-color: #ffffff; box-sizing: border-box;"></section>
</section>
</section>
</section>
</section>
</section>
</section>
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
<section style="display: flex; flex-flow: row nowrap; margin: 10px 0%; text-align: left; justify-content: flex-start; position: static; box-sizing: border-box;">
<section style="display: inline-block; vertical-align: middle; width: auto; flex: 100 100 0%; align-self: center; height: auto; box-sizing: border-box;">
<section style="margin: 0.5em 0px; transform: translate3d(0px, 0px, 1px) rotateY(180deg); -webkit-transform: translate3d(0px, 0px, 1px) rotateY(180deg); -moz-transform: translate3d(0px, 0px, 1px) rotateY(180deg); -o-transform: translate3d(0px, 0px, 1px) rotateY(180deg); position: static; box-sizing: border-box;">
<section style="background-color: rgba(34, 82, 237, 0.36); height: 1px; box-sizing: border-box;"></section>
</section>
</section>
<section style="display: inline-block; vertical-align: middle; width: auto; flex: 0 0 auto; align-self: center; min-width: 10%; max-width: 100%; height: auto; padding: 0px 10px; box-shadow: #000000 0px 0px 0px; box-sizing: border-box;">
<section style="text-align: justify; justify-content: flex-start; display: flex; flex-flow: row nowrap; position: static; box-sizing: border-box;">
<section style="display: inline-block; vertical-align: middle; width: auto; min-width: 10%; max-width: 100%; flex: 0 0 auto; height: auto; align-self: center; box-shadow: #000000 0px 0px 0px; margin: 0px -7px 0px 0px; box-sizing: border-box;">
<section style="text-align: center; font-size: 0px; margin: 0px 0%; position: static; box-sizing: border-box;">
<section class="group-empty" style="display: inline-block; width: 15px; height: 15px; vertical-align: top; overflow: hidden; border-radius: 50%; box-shadow: rgba(34, 82, 237, 0.14) -4px 4px 12px inset; background-image: linear-gradient(to right, #8745ff 0%, #4ab3ff 100%); box-sizing: border-box; border: 0px none #3e3e3e;"></section>
</section>
</section>
<section style="display: inline-block; vertical-align: middle; width: auto; box-shadow: #000000 0px 0px 0px; min-width: 10%; max-width: 100%; flex: 0 0 auto; height: auto; align-self: center; box-sizing: border-box;">
<section style="text-align: center; font-size: 0px; margin: 0px 0%; position: static; box-sizing: border-box;">
<section class="group-empty" style="display: inline-block; width: 28px; height: 28px; vertical-align: top; overflow: hidden; border-radius: 50%; box-shadow: rgba(34, 82, 237, 0.14) -4px 4px 12px inset; box-sizing: border-box; border: 0px none #3e3e3e;"></section>
</section>
</section>
</section>
</section>
<section style="display: inline-block; vertical-align: middle; width: auto; flex: 100 100 0%; align-self: center; height: auto; box-sizing: border-box;">
<section style="margin: 0.5em 0px; position: static; box-sizing: border-box;">
<section style="background-color: rgba(34, 82, 237, 0.36); height: 1px; box-sizing: border-box;"></section>
</section>
</section>
</section>
<p style="margin: 0px; padding: 0px; box-sizing: border-box;">&nbsp;</p>
</section>`


2. 运行结果，样式渲染正常，但点击图片，无法放大预览，也无法调用@imgtap。
yefeng835 commented 1 year ago

应该是setdata的数据超过了微信小程序的限制1024KB

jin-yufeng commented 1 year ago

base64 不支持预览