uni-app-组件
<h1>官方文档</h1><h1>概述</h1>
<p>uni-app提供了一系列基础组件，使用它们可以使界面风格统一，同时，不推荐使用HTML组件</p>
<p>原因：如果开发者写了div等标签，编译到非h5平台会被编译器转换为view标签，使用内置基础组件可以方便管理代码，并且可以通过基础组件开发扩展组件</p>
<h1>text文本组件</h1>
<p style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; font-size: 15px; margin: 1.2em 0; line-height: 1.6rem; word-spacing: 0.05rem; color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif"><span style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; color: rgba(44, 62, 80, 1); font-weight: 600">属性说明</span></p>
<table style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-size: 15px; border-spacing: 0; display: block; margin-bottom: 1rem; overflow: auto; width: 1170.02px; color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif">
<thead style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)"><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">属性名</th><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">类型</th><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">默认值</th><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">说明</th><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">平台差异说明</th></tr>
</thead>
<tbody style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">selectable</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">Boolean</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">false</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">文本是否可选</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">space</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">String</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">显示连续空格</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">App、H5、微信小程序</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">decode</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">Boolean</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">false</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">是否解码</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">App、H5、微信小程序</td>
</tr>
</tbody>
</table>
<p style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; font-size: 15px; margin: 1.2em 0; line-height: 1.6rem; word-spacing: 0.05rem; color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif"><span style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; color: rgba(44, 62, 80, 1); font-weight: 600">space 值说明</span></p>
<table style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-size: 15px; border-spacing: 0; display: block; margin-bottom: 1rem; overflow: auto; width: 1170.02px; color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif">
<thead style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)"><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">值</th><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">说明</th></tr>
</thead>
<tbody style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">ensp</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">中文字符空格一半大小</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">emsp</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">中文字符空格大小</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">nbsp</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">根据字体设置的空格大小</td>
</tr>
</tbody>
</table>
<ul>
<li>默认不能选中 <text selectable>唱跳Rap篮球{{name}}</text></li>
<li>默认一行 view包裹<view><text selectable>唱跳Rap篮球{{name}}</text></view></li>
<li>space 显示连续空格 ensp显示一半空格 emsp显示设置的所有空格 nbsp显示一个空格</li>
<li>decode是否解码</li>
<li><code style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-radius: 2px; color: rgba(233, 105, 0, 1); font-size: 0.8rem; margin: 0 2px; padding: 3px 5px; white-space: pre-wrap; font-family: "Roboto Mono", Monaco, courier, monospace; word-spacing: 0.8px"><text></code><span style="color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif; font-size: 15px; word-spacing: 0.8px"> 组件内只支持嵌套 <code style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-radius: 2px; color: rgba(233, 105, 0, 1); font-size: 0.8rem; margin: 0 2px; padding: 3px 5px; white-space: pre-wrap; font-family: "Roboto Mono", Monaco, courier, monospace; word-spacing: 0.8px"><text></code><span style="color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif; font-size: 15px; word-spacing: 0.8px">，不支持其它组件或自定义组件，否则会引发在不同平台的渲染差异。</span></span></li>
<li><span style="color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif; font-size: 15px; word-spacing: 0.8px"><span style="color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif; font-size: 15px; word-spacing: 0.8px"><span style="color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif; font-size: 15px; word-spacing: 0.8px">支持 <code style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-radius: 2px; color: rgba(233, 105, 0, 1); font-size: 0.8rem; margin: 0 2px; padding: 3px 5px; white-space: pre-wrap; font-family: "Roboto Mono", Monaco, courier, monospace; word-spacing: 0.8px">\n</code><span style="color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif; font-size: 15px; word-spacing: 0.8px"> 方式换行。</span></span></span></span></li>
<li><span style="color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif; font-size: 15px; word-spacing: 0.8px">decode 可以解析的有 <code style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-radius: 2px; color: rgba(233, 105, 0, 1); font-size: 0.8rem; margin: 0 2px; padding: 3px 5px; white-space: pre-wrap; font-family: "Roboto Mono", Monaco, courier, monospace; word-spacing: 0.8px">&nbsp;</code><span style="color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif; font-size: 15px; word-spacing: 0.8px"> <code style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-radius: 2px; color: rgba(233, 105, 0, 1); font-size: 0.8rem; margin: 0 2px; padding: 3px 5px; white-space: pre-wrap; font-family: "Roboto Mono", Monaco, courier, monospace; word-spacing: 0.8px">&lt;</code><span style="color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif; font-size: 15px; word-spacing: 0.8px"> <code style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-radius: 2px; color: rgba(233, 105, 0, 1); font-size: 0.8rem; margin: 0 2px; padding: 3px 5px; white-space: pre-wrap; font-family: "Roboto Mono", Monaco, courier, monospace; word-spacing: 0.8px">&gt;</code><span style="color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif; font-size: 15px; word-spacing: 0.8px"> <code style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-radius: 2px; color: rgba(233, 105, 0, 1); font-size: 0.8rem; margin: 0 2px; padding: 3px 5px; white-space: pre-wrap; font-family: "Roboto Mono", Monaco, courier, monospace; word-spacing: 0.8px">&amp;</code><span style="color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif; font-size: 15px; word-spacing: 0.8px"> <code style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-radius: 2px; color: rgba(233, 105, 0, 1); font-size: 0.8rem; margin: 0 2px; padding: 3px 5px; white-space: pre-wrap; font-family: "Roboto Mono", Monaco, courier, monospace; word-spacing: 0.8px">&apos;</code><span style="color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif; font-size: 15px; word-spacing: 0.8px"> <code style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-radius: 2px; color: rgba(233, 105, 0, 1); font-size: 0.8rem; margin: 0 2px; padding: 3px 5px; white-space: pre-wrap; font-family: "Roboto Mono", Monaco, courier, monospace; word-spacing: 0.8px">&ensp;</code><span style="color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif; font-size: 15px; word-spacing: 0.8px"> <code style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-radius: 2px; color: rgba(233, 105, 0, 1); font-size: 0.8rem; margin: 0 2px; padding: 3px 5px; white-space: pre-wrap; font-family: "Roboto Mono", Monaco, courier, monospace; word-spacing: 0.8px">&emsp;</code><span style="color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif; font-size: 15px; word-spacing: 0.8px">。</span></span></span></span></span></span></span></span></li>
<li><span style="color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif; font-size: 15px; word-spacing: 0.8px">在app-nvue下，只有<code style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-radius: 2px; color: rgba(233, 105, 0, 1); font-size: 0.8rem; margin: 0 2px; padding: 3px 5px; white-space: pre-wrap; font-family: "Roboto Mono", Monaco, courier, monospace; word-spacing: 0.8px"><text></code><span style="color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif; font-size: 15px; word-spacing: 0.8px">才能包裹文本内容。无法在<code style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-radius: 2px; color: rgba(233, 105, 0, 1); font-size: 0.8rem; margin: 0 2px; padding: 3px 5px; white-space: pre-wrap; font-family: "Roboto Mono", Monaco, courier, monospace; word-spacing: 0.8px"><view></code><span style="color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif; font-size: 15px; word-spacing: 0.8px">组件包裹文本。</span></span></span></li>
<li><span style="color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif; font-size: 15px; word-spacing: 0.8px">如果使用 <code style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-radius: 2px; color: rgba(233, 105, 0, 1); font-size: 0.8rem; margin: 0 2px; padding: 3px 5px; white-space: pre-wrap; font-family: "Roboto Mono", Monaco, courier, monospace; word-spacing: 0.8px"><span></code><span style="color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif; font-size: 15px; word-spacing: 0.8px"> 组件编译时会被转换为 <code style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-radius: 2px; color: rgba(233, 105, 0, 1); font-size: 0.8rem; margin: 0 2px; padding: 3px 5px; white-space: pre-wrap; font-family: "Roboto Mono", Monaco, courier, monospace; word-spacing: 0.8px"><text></code><span style="color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif; font-size: 15px; word-spacing: 0.8px">。</span></span></span></li>
</ul>
<h1>view组件</h1>
<table style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-size: 15px; border-spacing: 0; display: block; margin-bottom: 1rem; overflow: auto; width: 1170.02px; color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif">
<thead style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)"><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">属性名</th><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">类型</th><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">默认值</th><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">说明</th></tr>
</thead>
<tbody style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">hover-class</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">String</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">none</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">指定按下去的样式类。当 hover-class="none" 时，没有点击态效果</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">hover-stop-propagation</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">Boolean</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">false</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">指定是否阻止本节点的祖先节点出现点击态</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">hover-start-time</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">Number</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">50</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">按住后多久出现点击态，单位毫秒</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">hover-stay-time</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">Number</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">400</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">手指松开后点击态保留时间，单位毫秒</td>
</tr>
</tbody>
</table>
<div class="cnblogs_code">
<pre> <view <span style="color: rgba(0, 0, 255, 1)">class</span>=<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">box</span><span style="color: rgba(128, 0, 0, 1)">"</span> hover-<span style="color: rgba(0, 0, 255, 1)">class</span>=<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">box-active</span><span style="color: rgba(128, 0, 0, 1)">"</span>>
<!-- hover-stop-propagation阻止冒泡 -->
<view <span style="color: rgba(0, 0, 255, 1)">class</span>=<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">box1</span><span style="color: rgba(128, 0, 0, 1)">"</span> :hover-start-time=<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">2000</span><span style="color: rgba(128, 0, 0, 1)">"</span> :hover-stay-time=<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">2000</span><span style="color: rgba(128, 0, 0, 1)">"</span> hover-<span style="color: rgba(0, 0, 255, 1)">class</span>=<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">box1-active</span><span style="color: rgba(128, 0, 0, 1)">"</span> hover-stop-propagation></view>
</view></pre>
</div>
<h1>button按钮组件</h1>
<p style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; font-size: 15px; margin: 1.2em 0; line-height: 1.6rem; word-spacing: 0.05rem; color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif"><span style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; color: rgba(44, 62, 80, 1); font-weight: 600">属性说明</span></p>
<table style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-size: 15px; border-spacing: 0; display: block; margin-bottom: 1rem; overflow: auto; width: 1170.02px; color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif">
<thead style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)"><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">属性名</th><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">类型</th><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">默认值</th><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">说明</th><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">生效时机</th><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">平台差异说明</th></tr>
</thead>
<tbody style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">size</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">String</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">default</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">按钮的大小</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">type</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">String</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">default</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">按钮的样式类型</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">plain</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">Boolean</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">false</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">按钮是否镂空，背景色透明</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">disabled</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">Boolean</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">false</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">是否禁用</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">loading</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">Boolean</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">false</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">名称前是否带 loading 图标</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">App-nvue 平台，在 ios 上为雪花，Android上为圆圈</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">form-type</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">String</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">用于 <code style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-radius: 2px; color: rgba(233, 105, 0, 1); font-size: 0.8rem; margin: 0 2px; padding: 3px 5px; white-space: pre-wrap; font-family: "Roboto Mono", Monaco, courier, monospace"><form></code> 组件，点击分别会触发 <code style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-radius: 2px; color: rgba(233, 105, 0, 1); font-size: 0.8rem; margin: 0 2px; padding: 3px 5px; white-space: pre-wrap; font-family: "Roboto Mono", Monaco, courier, monospace"><form></code> 组件的 submit/reset 事件</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">open-type</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">String</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">开放能力</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">hover-class</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">String</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">button-hover</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">指定按钮按下去的样式类。当 hover-class="none" 时，没有点击态效果</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">App-nvue 平台暂不支持</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">hover-start-time</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">Number</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">20</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">按住后多久出现点击态，单位毫秒</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">hover-stay-time</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">Number</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">70</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">手指松开后点击态保留时间，单位毫秒</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">app-parameter</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">String</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">打开 APP 时，向 APP 传递的参数，open-type=launchApp时有效</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">微信小程序、QQ小程序</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">hover-stop-propagation</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">boolean</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">false</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">指定是否阻止本节点的祖先节点出现点击态</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">微信小程序</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">lang</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">string</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">'en'</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文。</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">微信小程序</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">session-from</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">string</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">会话来源，open-type="contact"时有效</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">微信小程序</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">send-message-title</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">string</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">当前标题</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">会话内消息卡片标题，open-type="contact"时有效</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">微信小程序</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">send-message-path</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">string</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">当前分享路径</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">会话内消息卡片点击跳转小程序路径，open-type="contact"时有效</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">微信小程序</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">send-message-img</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">string</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">截图</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">会话内消息卡片图片，open-type="contact"时有效</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">微信小程序</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">show-message-card</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">boolean</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">false</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">是否显示会话内消息卡片，设置此参数为 true，用户进入客服会话会在右下角显示"可能要发送的小程序"提示，用户点击后可以快速发送小程序消息，open-type="contact"时有效</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">微信小程序</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">@getphonenumber</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">Handler</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">获取用户手机号回调</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">open-type="getPhoneNumber"</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">微信小程序</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">@getuserinfo</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">Handler</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">用户点击该按钮时，会返回获取到的用户信息，从返回参数的detail中获取到的值同uni.getUserInfo</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">open-type="getUserInfo"</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">微信小程序</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">@error</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">Handler</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">当使用开放能力时，发生错误的回调</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">open-type="launchApp"</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">微信小程序</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">@opensetting</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">Handler</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">在打开授权设置页并关闭后回调</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">open-type="openSetting"</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">微信小程序</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">@launchapp</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">Handler</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">打开 APP 成功的回调</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">open-type="launchApp"</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">微信小程序</td>
</tr>
</tbody>
</table>
<ul style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; font-size: 15px; line-height: 1.6rem; word-spacing: 0.05rem; padding-left: 1.5rem; color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif">
<li style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box"><span style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; color: rgba(44, 62, 80, 1); font-weight: 600">注1：<code style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-radius: 2px; color: rgba(233, 105, 0, 1); font-size: 0.8rem; margin: 0 2px; padding: 3px 5px; white-space: pre-wrap; font-family: "Roboto Mono", Monaco, courier, monospace">button-hover</code> 默认为 <code style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-radius: 2px; color: rgba(233, 105, 0, 1); font-size: 0.8rem; margin: 0 2px; padding: 3px 5px; white-space: pre-wrap; font-family: "Roboto Mono", Monaco, courier, monospace">{background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;}</code></span></li>
<li style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box"><code style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-radius: 2px; color: rgba(233, 105, 0, 1); font-size: 0.8rem; margin: 0 2px; padding: 3px 5px; white-space: pre-wrap; font-family: "Roboto Mono", Monaco, courier, monospace">open-type="launchApp"</code>时需要调起的APP接入微信OpenSDK详见</li>
</ul>
<p style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; font-size: 15px; margin: 1.2em 0; line-height: 1.6rem; word-spacing: 0.05rem; color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif"><span style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; color: rgba(44, 62, 80, 1); font-weight: 600">size 有效值</span></p>
<table style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-size: 15px; border-spacing: 0; display: block; margin-bottom: 1rem; overflow: auto; width: 1170.02px; color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif">
<thead style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)"><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">值</th><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">说明</th></tr>
</thead>
<tbody style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">default</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">默认大小</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">mini</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">小尺寸</td>
</tr>
</tbody>
</table>
<p style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; font-size: 15px; margin: 1.2em 0; line-height: 1.6rem; word-spacing: 0.05rem; color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif"><span style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; color: rgba(44, 62, 80, 1); font-weight: 600">type 有效值</span></p>
<table style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-size: 15px; border-spacing: 0; display: block; margin-bottom: 1rem; overflow: auto; width: 1170.02px; color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif">
<thead style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)"><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">值</th><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">说明</th></tr>
</thead>
<tbody style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">primary</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">微信小程序、360小程序为绿色，App、H5、百度小程序、支付宝小程序、快应用为蓝色，字节跳动小程序为红色，QQ小程序为浅蓝色。如想在多端统一颜色，请改用default，然后自行写样式</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">default</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">白色</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">warn</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">红色</td>
</tr>
</tbody>
</table>
<p style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; font-size: 15px; margin: 1.2em 0; line-height: 1.6rem; word-spacing: 0.05rem; color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif"><span style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; color: rgba(44, 62, 80, 1); font-weight: 600">form-type 有效值</span></p>
<table style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-size: 15px; border-spacing: 0; display: block; margin-bottom: 1rem; overflow: auto; width: 1170.02px; color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif">
<thead style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)"><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">值</th><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">说明</th></tr>
</thead>
<tbody style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">submit</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">提交表单</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">reset</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">重置表单</td>
</tr>
</tbody>
</table>
<p style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; font-size: 15px; margin: 1.2em 0; line-height: 1.6rem; word-spacing: 0.05rem; color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif"><span style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; color: rgba(44, 62, 80, 1); font-weight: 600">open-type 有效值</span></p>
<table style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-size: 15px; border-spacing: 0; display: block; margin-bottom: 1rem; overflow: auto; width: 1170.02px; color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif">
<thead style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)"><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">值</th><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">说明</th><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">平台差异说明</th></tr>
</thead>
<tbody style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">feedback</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">打开“意见反馈”页面，用户可提交反馈内容并上传日志</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">App、微信小程序、QQ小程序</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">share</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">触发用户转发</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">微信小程序、百度小程序、支付宝小程序、字节跳动小程序、QQ小程序</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">getUserInfo</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">获取用户信息，可以从@getuserinfo回调中获取到用户信息，包括头像、昵称等信息</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">微信小程序、百度小程序、QQ小程序</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">contact</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">打开客服会话，如果用户在会话中点击消息卡片后返回应用，可以从 @contact 回调中获得具体信息</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">微信小程序、百度小程序</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">getPhoneNumber</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">获取用户手机号，可以从@getphonenumber回调中获取到用户信息</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">微信小程序、百度小程序、字节跳动小程序、支付宝小程序</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">launchApp</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">打开APP，可以通过app-parameter属性设定向APP传的参数</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">微信小程序、QQ小程序</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">openSetting</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">打开授权设置页</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">微信小程序、百度小程序</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">getAuthorize</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">支持小程序授权</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">支付宝小程序</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">contactShare</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">分享到通讯录好友</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">支付宝小程序</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">lifestyle</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">关注生活号</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">支付宝小程序</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">openGroupProfile</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">呼起QQ群资料卡页面，可以通过group-id属性设定需要打开的群资料卡的群号，同时manifest中必须配置groupIdList</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">QQ小程序基础库1.4.7版本+</td>
</tr>
</tbody>
</table>
<p style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; font-size: 15px; margin: 1.2em 0; line-height: 1.6rem; word-spacing: 0.05rem; color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif"><span style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; color: rgba(44, 62, 80, 1); font-weight: 600">注意</span></p>
<ul style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; font-size: 15px; line-height: 1.6rem; word-spacing: 0.05rem; padding-left: 1.5rem; color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif">
<li style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">在小程序中，开发者可以登录 微信小程序管理后台 、QQ小程序后台后，进入菜单“客服反馈”页面获取反馈内容。</li>
<li style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">在 App 中，开发者登录 DCloud开发者中心 后点击应用名称，进入左侧菜单“用户反馈”页面获取反馈内容。</li>
<li style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">点击 share 分享按钮时会触发 onShareAppMessage</li>
<li style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">支付宝小程序平台，获取用户手机号时，建议先通过条件编译的方式，调用支付宝原生API，参考</li>
</ul>
<div class="cnblogs_code">
<pre><template>
<view>
<text>{{btn}}</text>
<button @click=<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">set_btn()</span><span style="color: rgba(128, 0, 0, 1)">"</span> size=<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">default</span><span style="color: rgba(128, 0, 0, 1)">"</span> type=<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">primary</span><span style="color: rgba(128, 0, 0, 1)">"</span> plain loading>按钮</button>
</view>
</view>
</template>
<script><span style="color: rgba(0, 0, 0, 1)">
export </span><span style="color: rgba(0, 0, 255, 1)">default</span><span style="color: rgba(0, 0, 0, 1)"> {
data() {
</span><span style="color: rgba(0, 0, 255, 1)">return</span><span style="color: rgba(0, 0, 0, 1)"> {
btn: </span><span style="color: rgba(128, 0, 0, 1)">""</span><span style="color: rgba(0, 0, 0, 1)">
}
},
methods: {
set_btn(){
</span><span style="color: rgba(0, 0, 255, 1)">this</span>.btn = <span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">爱了爱了</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">
}
}
}
</span></script></pre>
</div>
<h1>image图片组件</h1>
<p style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; font-size: 15px; margin: 1.2em 0; line-height: 1.6rem; word-spacing: 0.05rem; color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif">图片。</p>
<table style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-size: 15px; border-spacing: 0; display: block; margin-bottom: 1rem; overflow: auto; width: 1170.02px; color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif">
<thead style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)"><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">属性名</th><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">类型</th><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">默认值</th><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">说明</th><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">平台差异说明</th></tr>
</thead>
<tbody style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">src</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">String</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">图片资源地址</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">mode</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">String</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">'scaleToFill'</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">图片裁剪、缩放的模式</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">lazy-load</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">Boolean</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">false</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">图片懒加载。只针对page与scroll-view下的image有效</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">微信小程序、App、百度小程序、字节跳动小程序</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">fade-show</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">Boolean</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">true</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">图片显示动画效果</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">仅App-nvue 2.3.4+ Android有效</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">webp</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">boolean</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">false</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">默认不解析 webP 格式，只支持网络资源</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">微信小程序2.9.0</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">show-menu-by-longpress</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">boolean</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">false</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">开启长按图片显示识别小程序码菜单</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">微信小程序2.7.0</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">@error</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">HandleEvent</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">当错误发生时，发布到 AppService 的事件名，事件对象event.detail = {errMsg: 'something wrong'}</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">@load</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">HandleEvent</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">当图片载入完毕时，发布到 AppService 的事件名，事件对象event.detail = {height:'图片高度px', width:'图片宽度px'}</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px"> </td>
</tr>
</tbody>
</table>
<p style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; font-size: 15px; margin: 1.2em 0; line-height: 1.6rem; word-spacing: 0.05rem; color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif"><span style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; color: rgba(44, 62, 80, 1); font-weight: 600">Tips</span></p>
<ul style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; font-size: 15px; line-height: 1.6rem; word-spacing: 0.05rem; padding-left: 1.5rem; color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif">
<li style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box"><code style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-radius: 2px; color: rgba(233, 105, 0, 1); font-size: 0.8rem; margin: 0 2px; padding: 3px 5px; white-space: pre-wrap; font-family: "Roboto Mono", Monaco, courier, monospace"><image></code> 组件默认宽度 300px、高度 225px；<code style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-radius: 2px; color: rgba(233, 105, 0, 1); font-size: 0.8rem; margin: 0 2px; padding: 3px 5px; white-space: pre-wrap; font-family: "Roboto Mono", Monaco, courier, monospace">app-nvue平台，暂时默认为屏幕宽度</code></li>
<li style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box"><code style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-radius: 2px; color: rgba(233, 105, 0, 1); font-size: 0.8rem; margin: 0 2px; padding: 3px 5px; white-space: pre-wrap; font-family: "Roboto Mono", Monaco, courier, monospace">src</code> 仅支持相对路径、绝对路径，支持 base64 码；</li>
<li style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">页面结构复杂，css样式太多的情况，使用 image 可能导致样式生效较慢，出现 “闪一下” 的情况，此时设置 <code style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-radius: 2px; color: rgba(233, 105, 0, 1); font-size: 0.8rem; margin: 0 2px; padding: 3px 5px; white-space: pre-wrap; font-family: "Roboto Mono", Monaco, courier, monospace">image{will-change: transform}</code> ,可优化此问题。</li>
<li style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">自定义组件里面使用 <code style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-radius: 2px; color: rgba(233, 105, 0, 1); font-size: 0.8rem; margin: 0 2px; padding: 3px 5px; white-space: pre-wrap; font-family: "Roboto Mono", Monaco, courier, monospace"><image></code>时，若 <code style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-radius: 2px; color: rgba(233, 105, 0, 1); font-size: 0.8rem; margin: 0 2px; padding: 3px 5px; white-space: pre-wrap; font-family: "Roboto Mono", Monaco, courier, monospace">src</code> 使用相对路径可能出现路径查找失败的情况，故建议使用绝对路径。</li>
<li style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">webp格式的图片在Android上是内置支持的。iOS上不同平台不一样，具体如下：app-vue下，iOS不支持；app-nvue下，iOS支持；微信小程序2.9.0起，iOS支持。</li>
<li style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">svg 格式的图片在不同的平台支持情况不同。具体为：app-nvue 不支持 svg 格式的图片，小程序上只支持网络地址。</li>
</ul>
<p style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; font-size: 15px; margin: 1.2em 0; line-height: 1.6rem; word-spacing: 0.05rem; color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif"><span style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; color: rgba(44, 62, 80, 1); font-weight: 600">mode 有效值：</span></p>
<p style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; font-size: 15px; margin: 1.2em 0; line-height: 1.6rem; word-spacing: 0.05rem; color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif">mode 有 13 种模式，其中 4 种是缩放模式，9 种是裁剪模式。</p>
<table style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-size: 15px; border-spacing: 0; display: block; margin-bottom: 1rem; overflow: auto; width: 1170.02px; color: rgba(52, 73, 94, 1); font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif">
<thead style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)"><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">模式</th><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">值</th><th style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 6px 20px; white-space: nowrap; text-align: left">说明</th></tr>
</thead>
<tbody style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box">
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">缩放</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">scaleToFill</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">缩放</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">aspectFit</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">保持纵横比缩放图片，使图片的长边能完全显示出来。也就是说，可以完整地将图片显示出来。</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">缩放</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">aspectFill</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">保持纵横比缩放图片，只保证图片的短边能完全显示出来。也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取。</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">缩放</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">widthFix</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">宽度不变，高度自动变化，保持原图宽高比不变</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">缩放</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">heightFix</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">高度不变，宽度自动变化，保持原图宽高比不变 <span style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; color: rgba(44, 62, 80, 1); font-weight: 600">微信小程序 2.10.3 支持</span></td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">裁剪</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">top</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">不缩放图片，只显示图片的顶部区域</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">裁剪</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">bottom</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">不缩放图片，只显示图片的底部区域</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">裁剪</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">center</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">不缩放图片，只显示图片的中间区域</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">裁剪</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">left</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">不缩放图片，只显示图片的左边区域</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">裁剪</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">right</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">不缩放图片，只显示图片的右边区域</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">裁剪</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">top left</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">不缩放图片，只显示图片的左上边区域</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">裁剪</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">top right</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">不缩放图片，只显示图片的右上边区域</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">裁剪</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">bottom left</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">不缩放图片，只显示图片的左下边区域</td>
</tr>
<tr style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-top: 1px solid rgba(204, 204, 204, 1)">
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">裁剪</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">bottom right</td>
<td style="-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; box-sizing: border-box; border-color: rgba(221, 221, 221, 1); padding: 12px 20px; height: 60px">不缩放图片，只显示图片的右下边区域</td>
</tr>
</tbody>
</table><br><br>
来源：https://www.cnblogs.com/fwjlucifinil/p/13558871.html
頁:
[1]