《框架》专题

dialog 弹出框组件 效果展示 基础用法 <a target="dialog" data-href="tpl/widget/dialog/dialog1.html" data-pop="fullscreen">关于</a> <a onclick="$.dialog.open({ url:'tpl/helper/dialogPic.html?dwz_callback=b

Select one of a set of options. Basic <radio>Radio</radio> Disabled <radio disabled="disabled">Disabled</radio> <radio disabled="disabled" checked="checked">Disabled</radio> Group <radio-group> <r

Use LCUI's modal component to add dialogs to your application for lightboxes, user notifications, or completely custom content. Examples Modal components Below is a static modal example (meaning its p

Make multiple selections in a set of options, or mark the status of an option. Basic <checkbox>CheckBox</checkbox> Disabled <p> <checkbox disabled="disabled">Disabled</checkbox> </p> <p> <checkbo

3.4 对话框 GUI 的一个重要组成部分是弹出式对话框，即在程序执行过程中弹出一个窗口，用于与 用户的特定交互。Tkinter 提供了若干种标准对话框，用于显示消息、选择文件、输入数据 和选择颜色。 tkMessageBox 模块 本模块定义了若干种简单的标准对话框和消息框，它们可通过调用以下函数来创建：askokcancel、askquestion、askretrycancel、askyesn

8.2.5 对话框* 除了利用窗口中的各种构件之外，应用程序与用户进行交互的另一个重要手段是对话框。 对话框是一个独立的顶层窗口，通常是在程序执行过程中根据需要而“弹出”的窗口，用于 从用户获取输入或者向用户显示消息。 对话框分为两种类型：模态（modal）和非模态（modeless）对话框①。模态对话框在关 闭之前将阻止程序其他窗口的操作，而非模态对话框则不会阻止程序其他窗口的操作。模态 对话框

复选框字段存储一个字符串作为其值，以及一个字符串作为其文本。 其值为“ TRUE”或“ FALSE”，其文本为“ true”或“ false”。 复选框字段 压缩的复选框字段 新建复选框字段 { "type": "example_checkbox", "message0": "checkbox: %1", "args0": [ { "type": "field_ch

Modal 模态框 平台差异说明 App H5 微信小程序 支付宝小程序 百度小程序 头条小程序 QQ小程序 √ √ √ √ √ √ √ 基本使用 默认情况下，模态框只有一个确认按钮： 请至少要配置弹框的内容参数content。 通过v-model绑定一个布尔变量来控制模态框的显示与否。 <template> <view> <u-modal v-model="show" :content="

Radio 单选框 平台差异说明 App H5 微信小程序 支付宝小程序 百度小程序 头条小程序 QQ小程序 √ √ √ √ √ √ √ 基本使用 该组件需要搭配radioGroup组件使用，以便用户进行操作时，获得当前单选框组的选中情况，当然，您也可以单独对某个radio进行事件监听 通过v-model给radioGroup组件绑定一个变量，这个绑定的变量是双向的(初始值只能是true或者fal

Field 输入框 平台差异说明 App H5 微信小程序 支付宝小程序 百度小程序 头条小程序 QQ小程序 √ √ √ √ √ √ √ 基本使用 通过v-model，可以双向绑定输入框的值 通过label设置输入框左边的提示文字 通过placeholder指定个性化的提示语 <template> <view> <u-field v-model="mobile" label="手

Checkbox 复选框 平台差异说明 App H5 微信小程序 支付宝小程序 百度小程序 头条小程序 QQ小程序 √ √ √ √ √ √ √ 基本使用 该组件无需强制搭配checkboxGroup组件使用(视情况而定)，可以单个独立使用u-checkbox组件 通过v-model给checkbox绑定一个变量，这个绑定的变量是双向的(初始值只能是true或者false)，也就是说，您可以无需监听

Input 输入框 1.3.0 平台差异说明 App H5 微信小程序 支付宝小程序 百度小程序 头条小程序 QQ小程序 √ √ √ √ √ √ √ 基本使用 通过v-model绑定输入框的值 通过type设置输入框的类型 通过border配置是否显示输入框的边框 <template> <u-input v-model="value" :type="type" :border="border"

基础用法 Popover 的属性与 Tooltip 很类似，它们都是基于Vue-popper开发的，因此对于重复属性，请参考 Tooltip 的文档，在此文档中不做详尽解释。 trigger属性用于设置何时触发 Popover，支持四种触发方式：hover，click，focus 和 manual。对于触发 Popover 的元素，有两种写法：使用 #reference 的具名插槽，或使用自定义指

在保留当前页面状态的情况下，告知用户并承载相关操作。 基本用法 Dialog 弹出一个对话框，适合需要定制性更大的场景。 需要设置visible属性，它接收Boolean，当为true时显示 Dialog。Dialog 分为两个部分：body和footer，footer需要具名为footer的slot。title属性用于定义标题，它是可选的，默认值为空。最后，本例还展示了before-close的

基础用法 Transfer 的数据通过 data 属性传入。数据需要是一个对象数组，每个对象有以下属性：key 为数据的唯一性标识，label 为显示文本，disabled 表示该项数据是否禁止转移。目标列表中的数据项会同步到绑定至 v-model 的变量，值为数据项的 key 所组成的数组。当然，如果希望在初始状态时目标列表不为空，可以像本例一样为 v-model 绑定的变量赋予一个初始值。 <