codecamp

Dialog

Dialog 是小程序请求用户交互的一种方式,它的出现会打断用户当前的流程直到用户对其做出响应

图片名称


主要样式&应用场景

  • Dialog 本身是一个容器,它的样式会有很多种变化
  • 带标题/不带标题(若需要传达的内容很简单一句话就可以表述清楚,则可以不带标题)

图片名称

  • 操作按钮一个/两个/三个(根据场景需要,Dialog 上最多会出现 3 个操作按钮的情况)

图片名称

  • 中间的内容文字单行 / 多行 / 图文混合 / 其他
  • Dialog 调起时背景蒙层可自定义


使用原则

  • Dialog 本身是一种强打断用户的交互方式,应根据场景需要谨慎使用。
  • Dialog 关闭后不应该立刻再弹出另一个 Dialog
  • Dialog 上的操作按钮不应超过三个
  • 若 Dialog 需要传递的内容很少,可以考虑用 Toast 控件替代。若 Dialog 需要传递的内容/操作很多,尝试用一个新页面来承载。
Picker
Action Sheet
温馨提示
下载编程狮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; }