小程序常用组件-wxml

282 阅读1分钟
  1. text:文本组件 类似< span>
<text selectable></text>

//selectable元素可实现长按选中
  1. rich-text:富文本组件 支持把html字符渲染为wxml结构
  • 通过nodes属性 将htmnl渲染为wxml
<rich-text nodes="<h1>标题</h1>"></rich-text>
  1. button:按钮组件 比html功能多
  • 通过open-type属性可以调用微信提供的各种功能(客服、转发、获取用户授权登陆等)

image.png

<button>默认按钮</button>

<button type="primary">主色调按钮</button>

<button type="warn">警告按钮</button>

<!-- size=“mini”尺寸 -->

<button size="mini">默认按钮</button>

<button type="primary" size="mini">主色调按钮</button>

<button type="warn" size="mini">警告按钮</button>

<!-- plain 镂空按钮 -->

<button size="mini" plain>默认按钮</button>

<button type="primary" size="mini" plain>主色调按钮</button>

<button type="warn" size="mini" plain>警告按钮</button>**
  1. image:图片组件 默认w300px+h240px
  • mode 元素 用来进行对图片的缩放显示 <image src="" mode="" ></image>

截屏2022-05-13 上午10.19.01.png 5. navigator:页面导航组件 类似html中的a标签