《框架》专题
-
ionic 对话框
$ionicPopup ionic 对话框服务允许程序创建、显示弹出窗口。 $ionicPopup 提供了3个方法：alert(), prompt(),以及 confirm() 。 实例 HTML 代码 <body ng-controller="PopupCtrl"> <button ng-click="showPopup()"> 弹窗显示 </button>
-
ionic 浮动框
$ionicPopover $ionicPopover 是一个可以浮在app内容上的一个视图框。 可以实现以下功能点： 在当前页面显示更多信息。 选择一些工具或配置。 在页面提供一个操作列表。 方法 fromTemplate(templateString, options) 或 fromTemplateUrl(templateUrl, options) 参数说明： templateString
-
ionic 复选框
ionic 复选框（checkbox）与普通的 HTML 复选框没什么区别，以下实例演示了 ionic 复选框 ion-checkbox 的应用。 <ion-checkbox ng-model="isChecked">复选框标签</ion-checkbox> 实例 实例中，会根据复选框是否选中，修改 checked 值，true 为选中， false 为未选中。 HTML 代码 <ion-h
-
ionic 单选框
ionic 单选按钮与标准 type="radio" 的 input元素类似。以下展示了现代app类型的单选按钮。 每个 item-radio 中的 type="radio" 的 input 元素的 name 属性都相同。radio-icon 类用于是否显示图标。 ionic 在单选项中使用了 <label> 元素，使其更易点击。 <div class="list"> <label class="
-
input 输入框
import { Input } from 'feui'; components: { [Input.name]: Input } 代码演示 基础用法 <fe-group> <fe-input title='value' v-model="value" placeholder="我是占位符"></fe-input> </fe-group> 不可用状态 <fe-group
-
Search 搜索框
import { Search } from 'feui'; components: { [Search.name]: Search } 代码演示 浮动到顶端用法 <fe-search @result-click="resultClick" @on-change="getResult" :results="results" v-model="value"
-
Dialog 对话框
使用指南 组件介绍 弹出模态框，常用于消息提示、消息确认、在当前页面内完成特定的交互操作。 函数调用 Dialog 是一个函数而不是组件，因此可以直接调用，展示对应的提示弹窗 import { Dialog } from 'feart'; Dialog({ message: '提示' }); 组件调用 通过组件调用 Dialog 时，可以通过下面的方式进行注册 import { Dialog
-
SearchBar 搜索框
使用指南 组件介绍 搜索框 引入方式 import { SearchBar } from 'feart'; components: { "fe-search-bar": SearchBar } 代码演示 基础用法 <fe-search-bar v-model="value" /> 样式风格 <fe-search-bar v-model="value" searchType="plai
-
文本框 / TextBox
在用户输入过程中，TextBox会发送onChange事件，可以监听这个事件来处理用户的输入，包括获取数据、校验数据； <label class="field-label">我是</label> <div id="textbox1" class="ui-textbox"> <input type="text"> </div> <div id="welcome">你好</div> req
-
下拉框 / Select
各种大小的下拉框 <div class="row"> <div class="field-label">mini</div> <div class="select-size" data-skin="mini"></div> </div> <div class="row"> <div class="field-label">tiny</div> <div class=
-
对话框 / Dialog
普通窗口 <button>普通青年(呃，普通窗口)</button> require(['jquery', 'moye/Dialog'], function ($, Dialog) { var dialog = new Dialog({ content: '' + '<h3>普通青年背古诗...</h3>' + '
-
Popover 弹出框
弹出框组件。 Usage 全部引入 import { Popover } from 'beeshell'; 按需引入 import Popover from 'beeshell/dist/components/Popover'; Examples Code 详细 Code import { Popover } from 'beeshell'; <Popover ref={(c) => {
-
Dialog 对话框
对话框组件。 Usage 全部引入 import { Dialog } from 'beeshell'; 单独引入 import Dialog from 'beeshell/dist/components/Dialog'; Examples Code 详细 Code import { Dialog } from 'beeshell'; <Dialog ref={(c) => {
-
Modal 模态框
模态窗组件。Modal 是一个基础弹窗，内容完全由用户自定义，定制化程度极高。如果没有这么高的定制化需求，我们也提供了在 Modal 基础上的封装组件（继承自 Modal），例如：https://www.wenjiangs.com/doc/0X462A1Dcomponents/Dialog。 Usage 全部引入 import { Modal } from 'beeshell'; 按需引入 im
-
Input 输入框
输入框组件。 Usage 全部引入 import { Input } from 'beeshell'; 按需引入 import { Input } from 'beeshell/dist/components/Input'; Examples iOS 平台 Android 平台支持清空功能 Code 详细 Code import { Input } from 'beeshell'; <Inp