快应用-表单组件-（官方示例代码运行后的 图示效果）三

最新推荐文章于 2022-07-24 04:00:55 发布
最新推荐文章于 2022-07-24 04:00:55 发布
阅读量276 收藏
点赞数
分类专栏： 快应用 文章标签： 小程序 js html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41510985/article/details/115257035
版权

快应用-表单组件-（官方示例代码运行后的 图示效果）三

官方文档中仅有示例代码，但没有示例效果图，要看组件的效果 需要将示例代码运行在 开发工具中，比较麻烦，这里将运行后的组件示例代码效果 整理成GIF图，可以高效的找到需要的组件。

表单组件

1. input

概述： 提供可交互的界面，接收用户的输入，默认为单行

查看官方开发文档
查看官方示例代码
在这里插入图片描述

2. label

概述： 为 input、textarea 组件定义标注

查看官方开发文档

查看官方示例代码
在这里插入图片描述

3. select

概述： 下拉选择按钮，点击会弹出一个包含所有可选值的下拉菜单，从该菜单中可以选择一个新值

查看官方开发文档

4. option

概述： select的子组件，用来展示下拉选择具体项目

查看官方开发文档

查看官方示例代码 (组件3和4是同一示例代码)
在这里插入图片描述

5. picker

概述： 滚动选择器，目前支持四种选择器，普通选择器，日期选择器，时间选择器，多列文本选择器1010+。默认为普通选择器。

查看官方开发文档
查看官方示例代码1
在这里插入图片描述
查看官方示例代码2
在这里插入图片描述

6. slider

概述：滑动选择器

查看官方开发文档
查看官方示例代码
在这里插入图片描述

7. switch

概述： 开关选择

查看官方开发文档
查看官方示例代码
在这里插入图片描述

8. textarea

概述： 提供可交互的界面，接收用户的输入，默认为多行

查看官方开发文档
查看官方示例代码
在这里插入图片描述

Pang Yu
关注
专栏目录
vue学习经验分享，在这个大前端时代，你再不会vue就out啦
孙叫兽的博客
07-06 7596
vue顺利从小白到公司入门
【Vue知识点- No6.】动态组件、插槽、自定义指令、tabbar案例
qq_48687155的博客
07-26 546
动态组件，插槽，自定义指令，tabbar案例
快应用常用组件开发-图标和表单
快应用官方博客
11-04 1839
文章来源于快应用官方论坛-本文作者“dadong” 承接上一篇构建组件库的文章，这篇详细讲一讲组件的开发过程和一些骚操作。 自定义组件 快应用的组件化做得是比较精简的，一个组件的实现和一个页面基本一致，自定义组件和页面的区别在于多了一些属性，少了一些生命周期的钩子。 多的属性是你可以向组件内传递数据的参数，可以用下面这种方式： 你可以把要传递进组件的属性在pr...
Django:form 组件使用
小小争520
05-05 1334
form 组件使用 1 label :修改显示内容 2 运用form中的组件包括获取input标签 相当于手动输入input语句 3 表单条件控制 4 获取表单提交的信息并保存到数据库 5过滤敏感信息 6 对手机号进行显示（正则） 7 当不满足密码条件时，比如要求输入不小于6位 ，你输入2位 按下确定时，密码不会消失 ...
快应用开发--- input 输入框踩坑
NeverGiveUp_Up的博客
07-04 264
快应用中input组件使用maxlength 属性限制长度，一定要设置value属性。否则maxlength属性不会生效！！
"滑动选择器"组件:<h-slider> —— 快应用组件库H-UI
H-UI官方博客
04-16 317
<import name="form" src="../Common/ui/h-ui/form/c_form"></import> <import name="h-slider" src="../Common/ui/h-ui/form/c_slider"></import> <template> <div class="c...
"下拉选择按钮"组件:<h-select> —— 快应用组件库H-UI
H-UI官方博客
04-16 854
<import name="form" src="../Common/ui/h-ui/form/c_form"></import> <import name="h-select" src="../Common/ui/h-ui/form/c_select"></import> <template> <div class=...
通达OA工作流-表单设计
weixin_30606669的博客
12-13 3345
第1章什么是工作流 1.1工作流的用途 随着企业管理信息化进程的不断深入，协同应用软件的概念已深入人心，而工作流系统正是协同应用软件的核心。通过应用 IT 技术来规范工作流程、提高工作的执行效率和准确度、使企业运营更加高效、规范、稳健，是工作流系统主要解决的问题。 Office Anywhere 内置的工作流系统，适用于各行各业，实现企业各类业务的申请、审批...
【Vue知识点- No7.】路由、vant组件库的使用
qq_48687155的博客
07-24 579
1. 能够了解单页面应用概念和优缺点 2. 能够掌握vue-router路由系统使用 3. 能够掌握链接导航和编程式导航用法 4. 能够掌握路由嵌套和路由守卫 5. 能够掌握vant组件库基础使用
代码审计-Spring框架安全
cdyunaq的博客
05-06 2609
Spring框架安全 作者:t4reega 1.1. Spring简介 Spring是目前Java应用最广泛的框架之一，是拥有着IoC和AOP的优秀机制的容器框架。 而Spring MVC，则是Spring提供给Web开发的框架设计。 1.2. Spring MVC实现逻辑 Spring MVC中，所有的请求都有DispatcherServlet来统一处理、分发。然后借助HandlerMapping定位到处理请求的控制器(Controller)。 Controller处理完成用户请求后，返回M
快应用技术干货分享（第二篇）
weixin_33859504的博客
12-18 285
上一篇文章我们讲了如何搭建一个完整的快应用开发环境，这一篇文章开始我们进入实际的快应用开发，首先我们需要一个快应用开发的脚手架，当然从零开始搭建也是可以的，不过很多东西都是重复繁琐的，为了节省时间我们直接用官方脚手架进行开发。 这一次的目标是开发一个电影信息的快应用。先不要担心API和UI的问题，后面会慢慢一步一步的讲到。一、初始化项目IDE的方式 【 命令行的方式 】 使用hap ini...
使用HTML中form表单组件时的注意事项
oasis6sun的专栏
06-10 393
一、安全       出于安全考虑，浏览器在下面两种情形之下，会拒绝执行通过客户端脚本对form组件submit()方法的调用： 直接通过客户端脚本调用INPUT type="file"组件的click()方法，选择文件并返回 通过程序预先设置INPUT type="file"组件的value属性       正常情况： 上传文件必须通过用户点击INPUT type="file"组件...
快应用采坑(3)-使用差别
baidu_33295233的博客
04-03 3321
快应用开发很多地方与常规前端开发不同，根据自己的采坑，整理以下几点： 1、如果属性名称使用驼峰定义，如：prop2Object，那么在外部传递数据时请使用-连接，如：prop2-object，否则无法传值，如：   2、单位为px，该单位已实现各种屏幕自适应，默认设计稿宽度750px，此时样式1px=设计稿1px   3、默认为flex布局，快应用中display只有两种值，
Quist-UI 快应用UI组件库
zhang61627036的专栏
10-09 2551
一套基于快应用开发的UI组件库，总结了业务中常用的UI组件，开发者可下载即用。 通过下面的二维码，可以在手机中体验 Quist-UI (请使用快应用调试器扫码)：     github: https://github.com/JDsecretFE/quist-ui 安装 $ npm install quist-ui -D // 或 $ yarn add quist-ui --de...
快应用UI组件整理
杰克米可的博客
01-30 2702
1. 概述 最近，在学习快应用开发的东西，感受到快应用还是有很多好处理，例如性能接近原生APP能力、具有很多APP的原生能力，页面简介清爽同时开发简单，使用体验也不错。刚开始找了几个demo练手，也在尝试写一个简单的应用，不过发现开发过程中还是会在UI上耗费很多时间，所以在GitHub上找了一些前辈做过的UI组件来学习，然后梳理成这个文档，方便大家后面学习&amp;amp;amp;开发的需要。 2. 组件列表 2...
快应用的用法和常见问题解答（上）
快应用官方博客
05-16 7694
写在前面 在去年的开发者大赛征文中，我们通过多个社区联合活动收集了很多优质文章，有入坑指南、开源项目、开发模板、常见问题总结等多个方面，这些内容为很多开发者提供了参考，感谢大家的支持和参与，今年的我们的征文活动还在继续，感兴趣的开发者可以点阅读原文查看详情哦！ 从今天起，我们会陆续把一些优秀文章推送出来，希望帮助大家更好的开发快应用。 本期作者：执着的烙印 因为文章内容较多，...
关于饿了么ui框架的使用之select的应用
AmberWu
06-15 7553
之前讲过饿了么表单的应用，今天来说说select选择器的应用
"时间选择器"组件:<time> —— 快应用组件库H-UI
H-UI官方博客
04-16 381
华为快应用下点击时间： 快应用联盟下点击时间： <import name="form" src="../Common/ui/h-ui/form/c_form"></import> <import name="time" src="../Common/ui/h-ui/form/c_time"></import> <template> ...
"日期时间选择器"组件:<date-time> —— 快应用组件库H-UI
H-UI官方博客
04-16 448
<import name="form" src="../Common/ui/h-ui/form/c_form"></import> <import name="date-time" src="../Common/ui/h-ui/form/c_date_time"></import> <template> <div clas...
Vue-cli4表单设计器：自定义el-button组件教程
此外，文档可能还包含了如何在代码预览器中查看效果、如何生成相应的.vue代码以及如何解析和使用表单JSON的教程。总体而言，这份API文档为开发者提供了一个完整的流程指导，帮助他们在form-generator表单设计器中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值