讲述小程序之组件选择器内容

简介: 讲述小程序之组件选择器内容

radio(单选项目)

image.png

radio-group(单项选择器,内部由多个 radio 组成)

举例:单项选择器和多项选择器一样,都是与js的后台相同,但是我们这里先进行静态的编写(之后会讲解js相关)

wxml:

<radio-group><radio></radio><radio></radio><radio></radio><radio></radio></radio-group>

效果:

31.gif

slider(滑动选择器)

image.png

·min                解释:最小值

·max                解释:最大值

举例:

wxml:

<view><view><text>slider</text><text>滑块</text></view><view><view><text>设置left/right icon</text><view><sliderleft-icon="cancel"right-icon="success_no_circle"/></view></view><view><text>设置step</text><view><sliderstep="5"/></view></view><view><text>显示当前value</text><view><slidershow-value/></view></view><view><text>设置最小/最大值</text><view><slidermin="0"max="200"show-value/></view></view></view></view>

效果:

32.gif

switch(开关选择器)

wxml:

第一种样式
<switchtype="switch"/>第二种样式
<switchtype="checkbox"/>

效果:

33.gif

目录
相关文章
|
4月前
|
小程序 JavaScript
【微信小程序】之轮播图、swiper、swiper-item、banner组件使用
【微信小程序】之轮播图、swiper、swiper-item、banner组件使用
【微信小程序】之轮播图、swiper、swiper-item、banner组件使用
|
4月前
|
存储 小程序 JavaScript
【微信小程序】-- 表单组件 - picker 实现日期选择器(五十三)
【微信小程序】-- 表单组件 - picker 实现日期选择器(五十三)
|
4月前
|
JSON 小程序 数据格式
【微信小程序】-- 自定义组件总结 (四十)
【微信小程序】-- 自定义组件总结 (四十)
|
4月前
|
小程序 JavaScript
【微信小程序】之顶部选项卡自定义tabs(不用mp-tabs扩展组件,太难用了)
【微信小程序】之顶部选项卡自定义tabs(不用mp-tabs扩展组件,太难用了)
|
2月前
|
小程序 数据库
【微信小程序-原生开发】实用教程10 - 动态的新增、修改、删除(含微信云数据库的新增、修改、删除,表单弹窗、确认弹窗、日期选择器、单行输入框、多行输入框、滑动组件的使用)
【微信小程序-原生开发】实用教程10 - 动态的新增、修改、删除(含微信云数据库的新增、修改、删除,表单弹窗、确认弹窗、日期选择器、单行输入框、多行输入框、滑动组件的使用)
52 0
|
1月前
|
JSON 小程序 前端开发
终于搞懂了!微信小程序的渲染机制及组件使用
【8月更文挑战第8天】微信小程序的渲染机制及组件使用
74 3
终于搞懂了!微信小程序的渲染机制及组件使用
|
1月前
|
人工智能 小程序 编译器
Ant Design Mini 问题之Antd Mini 使用小程序函数式组件(functional-mini)来确保组件逻辑适配到双端,如何实现
Ant Design Mini 问题之Antd Mini 使用小程序函数式组件(functional-mini)来确保组件逻辑适配到双端,如何实现
|
1月前
|
小程序 前端开发 API
Ant Design Mini 问题之在微信小程序中,由于不支持slot特性,Ant Design Mini的什么组件功能受到了限制,如何解决
Ant Design Mini 问题之在微信小程序中,由于不支持slot特性,Ant Design Mini的什么组件功能受到了限制,如何解决
|
1月前
|
小程序
|
2月前
|
小程序
跨端技术问题之页面或组件样式在小程序、小程序插件和小程序分包中有什么差异
跨端技术问题之页面或组件样式在小程序、小程序插件和小程序分包中有什么差异