小程序中view，text,image,常用组建的使用
<div id="article_content" class="article_content clearfix"><link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/kdoc_html_views-1a98987dfd.css">
<link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_views-6e43165c0a.css">
<div id="content_views" class="htmledit_views">
<p><span style="color:#fe2c24;">注：decode，可以将一些编码转换对应的样式$gt，$nbsp</span></p>
<p></p>
<p>小程序中的最多上传不超过2M,在设置图片的宽高时，使用<span style="color:#fe2c24;">mode元素</span></p>
<p><strong>mode 的合法值</strong></p>
<table><thead><tr><th>值</th><th>说明</th><th>最低版本</th></tr></thead><tbody><tr><td>scaleToFill</td><td>缩放模式，不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素</td><td></td></tr><tr><td>aspectFit</td><td>缩放模式，保持纵横比缩放图片，使图片的长边能完全显示出来。也就是说，可以完整地将图片显示出来。</td><td></td></tr><tr><td>aspectFill</td><td>缩放模式，保持纵横比缩放图片，只保证图片的短边能完全显示出来。也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取。</td><td></td></tr><tr><td>widthFix</td><td>缩放模式，宽度不变，高度自动变化，保持原图宽高比不变</td><td></td></tr><tr><td>heightFix</td><td>缩放模式，高度不变，宽度自动变化，保持原图宽高比不变</td><td><ahref="https://developers.weixin.qq.com/miniprogram/dev/framework/compatibility.html">2.10.3</a></td></tr><tr><td>top</td><td>裁剪模式，不缩放图片，只显示图片的顶部区域</td><td></td></tr><tr><td>bottom</td><td>裁剪模式，不缩放图片，只显示图片的底部区域</td><td></td></tr><tr><td>center</td><td>裁剪模式，不缩放图片，只显示图片的中间区域</td><td></td></tr><tr><td>left</td><td>裁剪模式，不缩放图片，只显示图片的左边区域</td><td></td></tr><tr><td>right</td><td>裁剪模式，不缩放图片，只显示图片的右边区域</td><td></td></tr><tr><td>top left</td><td>裁剪模式，不缩放图片，只显示图片的左上边区域</td><td></td></tr><tr><td>top right</td><td>裁剪模式，不缩放图片，只显示图片的右上边区域</td><td></td></tr><tr><td>bottom left</td><td>裁剪模式，不缩放图片，只显示图片的左下边区域</td><td></td></tr><tr><td>bottom right</td><td>裁剪模式，不缩放图片，只显示图片的右下边区域</td><td></td></tr></tbody></table>
<h2 id="Bug-Tip">Bug & Tip</h2>
<ol><li><code>tip</code>：image组件默认宽度320px、高度240px</li><li><code>tip</code>：image组件中二维码/小程序码图片不支持长按识别。仅在wx.previewImage中支持长按识别</li></ol>
<p></p>
<p> </p>
</div>
</div>
<div id="treeSkill"></div>
页:
[1]