ionic 复选框(checkbox)与普通的 HTML 复选框没什么区别,以下实例演示了 ionic 复选框 ion-checkbox 的应用。 <ion-checkbox ng-model="isChecked">复选框标签</ion-checkbox> 实例 实例中,会根据复选框是否选中,修改 checked 值,true 为选中, false 为未选中。 HTML 代码 <ion-h
ionic 单选按钮与标准 type="radio" 的 input元素类似。以下展示了现代app类型的单选按钮。 每个 item-radio 中的 type="radio" 的 input 元素的 name 属性都相同。radio-icon 类用于是否显示图标。 ionic 在单选项中使用了 <label> 元素,使其更易点击。 <div class="list"> <label class="
使用指南 组件介绍 选择器组件通常与弹出层组件配合使用 引入方式 import { Picker } from 'feart'; components:{ 'fe-picker':Picker } let years = []; let months =[] for (let i = 2015; i <= 2025; i++) { years.push({ na
使用指南 组件介绍 Check 组件模拟原生单复选框 引入方式 import { Check } from 'feart'; components: { "fe-check": Check, }, data() { return { list: ['安徽', '浙江', '北京'], list1: ['安徽1', '浙江1', '北京1'], d
正常模式 点击标签可以切换 可以通过阻止 change 事件对象的默认行为来阻止切换标签 <div class="container"> <div id="tab" class="ui-tab"> <ul class="ui-tab-wrapper"> <li class="ui-tab-item ui-tab-item-first ui-tab-item-act
用户在这个插件的很多方面都可以进行定制,用户通过插件选项来达到这个目的(这些选项会在插件初始化的时候起效)。这些选项包括: 选项 描述 aspectRatio 长宽比,以后在选择时候就会维持不变。例如:"4:3" autoHide 如果设为true,那么在选择完后区域会消失。Default:false classPrefix 预先给插件元素的前缀 Default:imgareaselect dis
筛选器。 Usage 全部引入 import { Picker } from 'beeshell'; 按需引入 import Picker from 'beeshell/dist/components/Picker'; Examples Code import { Picker } from 'beeshell'; <Picker ref={(c) => { this._pick
Select 选择器 当选项过多时,使用下拉菜单展示并选择内容。 基础用法 适用广泛的基础单选 v-model的值为当前被选中的el-option的 value 属性值 <template> <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in options" :key=
Checkbox 多选框 一组备选项中进行多选 基础用法 单独使用可以表示两种状态之间的切换,写在标签中的内容为 checkbox 按钮后的介绍。 在el-checkbox元素中定义v-model绑定变量,单一的checkbox中,默认绑定变量的值会是Boolean,选中为true。 <template> <!-- `checked` 为 true 或 false --> <el-chec
Radio 单选框 在一组备选项中进行单选 基础用法 由于选项默认可见,不宜过多,若选项过多,建议使用 Select 选择器。 要使用 Radio 组件,只需要设置v-model绑定变量,选中意味着变量的值为相应 Radio label属性的值,label可以是String、Number或Boolean。 <template> <el-radio v-model="radio" label="
引用脚本内容: Name "Test" OutFile "Test.exe" !include "Sections.nsh" Var RADIOBUTTON Page components Page instfiles Section "Win 98" Read98 MessageBox MB_OK "You select Win98" SectionEnd Section /o "W
复选框,可设置其状态、传入特殊 class 以及复选框图标位置。 示例 基本用法 <cube-checkbox v-model="checked"> Checkbox </cube-checkbox> 如果选中了,则 checked 的值就为 true。 复选框图标样式 <cube-checkbox v-model="checked" position="right" shape="squa
定义 滑动条组件 图片展示 代码演示 import Form from 'pile/dist/components/form' const {Checkbox} = Form <Checkbox defaultChecked = {false} back={(o)=>{console.log(o)}} label="未选中"/> <Checkbox defaultChecked = {true}
定义 单选框组件 图片展示 代码演示 import Form from 'pile/dist/components/form' const {Radio} = Form const _Radio = React.createClass({ getInitialState() { return { radio1 : 1 } }, render() { let {radio1} =
定义 可控制的单列或多列选择器。 图片展示 代码演示 import Picker from 'pile/dist/components/picker' const {ColumnPicker} = Picker <ColumnPicker value={[2,4]} options={[[1,2,3],[4,5,6]]} open = {false} pickerAway = {this.cl