codecamp

Picker

Picker 用于快速选择和编辑一组相关联或相互耦合的数据


主要样式&应用场景

  • 一个完整的 Picker 包含标题、取消、确定、选择滚轮四部分
  • 常见的使用场景有年-月-日、国家-城市、小时-分钟等等

图片名称


使用原则

  • 标题应该说明清楚当前 Picker 对应的场景
  • 并列的滚轮不宜太多，目前最多支持 5 列，通常超过 5 个在 UI 上就会难以支持
  • 若单个滚轮下的选项过多，例如超过 20 个，则考虑使用其他控件承载
Tab
Dialog
温馨提示
下载编程狮App，免费阅读超1000+编程语言教程
取消
确定
目录

字节跳动小程序 介绍

了解字节跳动小程序

字节跳动小程序 流量入口

字节跳动小程序 今日头条

字节跳动小程序 分享

字节跳动小程序 留存入口

字节跳动小程序 抖音

字节跳动小程序头条极速版

字节跳动小程序 接入流程

字节跳动小程序 功能接入指南

字节跳动小程序客服消息能力

字节跳动小程序 开发

字节跳动小程序开发框架

字节跳动小程序开发框架基础说明

字节跳动小程序开发框架基础功能

字节跳动小程序开发框架逻辑层

字节跳动小程序开发框架视图层

字节跳动小程序开发框架自定义组件

无标题文章

无标题文章

无标题文章

无标题目录

无标题文章

无标题文章

无标题文章

无标题文章

无标题文章

无标题文章

无标题文章

无标题文章

无标题文章

无标题文章

无标题文章

无标题文章

无标题文章

API

无标题文章

无标题文章

无标题文章

无标题文章

无标题文章

无标题文章

无标题目录

无标题目录

无标题目录

无标题目录

无标题文章

设计

无标题文章

无标题文章

数据

无标题文章

无标题文章

字节跳动小程序 运营

字节跳动小程序运营规范

字节跳动小程序功能使用规范

字节跳动小程序平台公告

字节跳动小程序 服务协议

字节跳动小程序 开放的服务类目

关闭

 MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }