渲染内容

支付宝小程序可通过其自带的 rich-text 富文本标签组件渲染富文本,详情可查阅支付宝小程序开发文档

示例代码

  1. <!-- API-DEMO page/component/rich-text.axml -->
  2. <view>
  3. <rich-text nodes="{{nodes}}" onTap="tap"></rich-text>
  4. </view>
  1. // API-DEMO page/component/rich-text.js
  2. Page({
  3. data: {
  4. nodes: [{
  5. name: 'div',
  6. attrs: {
  7. class: 'wrapper',
  8. style: 'color: orange;',
  9. },
  10. children: [{
  11. type: 'text',
  12. text: 'Hello&nbsp;World!',
  13. }],
  14. }],
  15. },
  16. tap() {
  17. console.log('tap');
  18. },
  19. });
  1. /* API-DEMO page/component/rich-text.acss */
  2. .wrapper {
  3. padding: 20rpx;
  4. }