2021-07-03图标,选择框
<!--小程序中的字体图片-->
<icon type="success" size="23" color="#f47920"> </icon><icon type="waiting" size="23" color="#4f5555"> </icon>
<!--单选框-->
<radio-group bindchange="handleChange"><radio value="male" color="#009ad6">男</radio><radio value="female" color="#ef4136">女</radio>
</radio-group><view>你选择的是:{{gender}}
</view><!--多选框--><view><checkbox-group bindchange="handleitemchange"><checkbox wx:for="{{list}}" wx:key="id" value="{{item.value}}" color=""> {{item.name}} </checkbox></checkbox-group><view>选中的水果:{{checklist}}</view></view>
js
Page({data: {gender: "",list:[{id:0,name:"苹果",value:"apple"}, {id:1,name:"葡萄",value:"grape"}, {id:2,name:"香蕉",value:"bannaner"}],checklist: []},handleChange(e){//console.log(e);//获取单选框的值let gender = e.detail.value;//把值赋给data中的数据this.setData({ //gender:gender; 一样的效果gender})},//多选框的选中事件handleitemchange(e){//console.log(e);
//获取多选框的值
const checklist = e.detail.value;
this.setData({checklist})}
})
2021-07-03图标,选择框相关推荐
- 安卓进阶系列-03上弹选择框(PopupDialog)的使用
主要介绍上弹选择框的使用,这个功能基于Dialog实现,为安卓开发常见控件之一.实现方式并非利用第三方控件而是利用安卓原生对话框控件,不过样式自定义了. 1.布局使用 <?xml version ...
- android checkbox 文字和图标间距,CheckBox选择框和文字设置间距
由于界面美观度的需求,需要自定义CheckBox的选择框. 传统的方法是先定义一个CheckBox的自定义style,如下: style中使用的checkbox_selector.xml 最后在布局文 ...
- 图标选择模态框antd封装
在开发中很多时候会用到图标这些东西,尤其是在菜单部分会有一个菜单图标的选项,一般为了保证这个图标在图标库中是存在的,会让用户直接选择而不是手动填写,因为在多次开发中都遇到了这个于是将其代码抽离出来,便 ...
- 选择框,单选框,组合框,列表框
选择框 为多选框,是方框 单选框 为圆形按钮 组合框 为有下拉键头的,信息组合起来的. 列表框 显示信息表项的. 转载于:https://www.cnblogs.com/wanghj-dz/ ...
- 新手如何理解一个Web应用的构建(2021.07.29更新)
Web应用构建 ==前言== 我为什么写这篇文章? 适合什么样的人看? ==摘要== 步骤汇总 (1)网站定位与功能设定 (2)信息架构 (3)UI设计 (4)应用架构 (5)开发 (6)部署 (7) ...
- 【Yolov5】1.认真总结6000字Yolov5保姆级教程(旧版本2021.08.03作为备份)
旧版本2021.08.03 新版本https://blog.csdn.net/m0_53392188/article/details/119334634 以作备份 目录 一.前言 二.学 ...
- 如何为“选择”框创建占位符?
我正在使用占位符进行文本输入,效果很好. 但是我也想为我的选择框使用一个占位符. 当然,我可以使用以下代码: <select><option value=""&g ...
- 自定义组合控件:下拉选择框
Spinner 自定义组合控件之下拉选择框 项目概述 下拉选择框主要是通过在EditText 下用PopupWindow 动态显示ListView 控件来实现的.下拉选择框可以方便用户的输入效率,以此 ...
- fluent design_Fluent Design单选按钮,复选框,选择框,Java菜单
fluent design 这次我对JMetro进行了重大更新. 3.8版带来了以下新的Fluent Design (FDS)启发风格(深色和浅色)和更新: 新的单选按钮样式: 复选框的新样式: 菜单 ...
- Fluent Design单选按钮,复选框,选择框,Java菜单
这次我对JMetro进行了重大更新. 3.8版引入了以下新的Fluent Design (FDS)启发风格(深色和浅色)和更新: 新的单选按钮样式: 复选框的新样式: 菜单的新样式: 更新了上下文菜单 ...
最新文章
- 单例模式的两种实现方式对比:DCL (double check idiom)双重检查 和 lazy initialization holder class(静态内部类)...
- 6月第1周回顾:华为再现猝死 中国成全球最大宽带市场
- mysql与jframe_java-如何在JFrame上显示从mysql检索到的图像
- android点击下拉历史记录,uni-app,社交应用中,聊天页面下拉onPullDownRefresh获取历史消息,数据合并之后,滚动到下拉之前的位置,页面看不见闪动,完美解决...
- SqlServer优化:当数据量查询不是特别多,但数据库服务器的CPU资源一直100%时,如何优化?...
- TP5:异常处理封装——3
- python考试有什么用_Python有什么用?2020年学习Python的10个理由
- Linux 中 VIM 的使用
- android 版本更新工具类_报表分析工具FastReport .Net 2021年超大版本更新,实现了对.NET 5的支持...
- [极客大挑战 2019]Knife [RoarCTF 2019]Easy Calc
- 聊聊区块链,虽然我不挖矿!
- 一维装箱问题 java_c语言来实现贪心算法之装箱问题
- Maven-打外部jar包
- word插入图片被文字挡住问题
- 网络协议笔记-数据链路层
- 想悄悄的做渗透测试?这里的工具足够你用了
- android中颜色对应的值
- linux下main函数的返回值问题
- 我要创办一家公司,干翻JetBrains和IDEA!
- 搭载TI最强芯片CC2652RB,昇润科技突破技术壁垒给你的电子产品“另一种心跳”