支付宝小程序表单组件、导航

菜蛋_
68 阅读1分钟

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第18天，点击查看活动详情

支付宝小程序

表单组件

  • button：按钮

image.png

image.png

image.png

image.png

  • form：表单

image.png image.png image.png

  • label：标签

image.png

  • input：输入框

image.png

image.png

  • textarea：多行输入框

image.png

  • radio：单选按钮

image.png

  • radio-group：单选项项目组

image.png image.png

  • CheckBox：多项选择器，checkbox 不支持修改选中的背景颜色样式。

image.png

  • Checkbox-group：多项选择器组

image.png

  • Switch：单选开关（安卓是方的，苹果是圆的）

image.png

  • slider：滑动选择器

image.png

  • picker-view：滚动选择器（嵌在页面的）嵌入页面的滚动选择器。 其中只可放置 picker-view-column 组件，其它节点不会显示。如需获取数组中值，可以先获取索引 index 然后通过 index 再获取数组中值。

使用限制

  • 该组件内部请勿放入 hidden 或 display none 的节点，需要隐藏请用 a:if 切换。
  • 不支持背景色设置成透明，可以修改颜色。

image.png

  • picker：底部弹起的滚动选择器（底部弹出来的）

image.png

image.png image.png

导航

  • navigator：页面链接 属性

image.png
open-type有效值

image.png
示例代码： image.png

avatar
文章
阅读
粉丝