首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

仿联系人列表页的轮子GroupingViewSample

GroupingViewSample 制作类似联系人页面所需要的Slider,还有用来给recyclerview进行分组的ItemDecoration,我觉得最实用的地方是可以用xml来画对应部分的布局...,而不是用cavas 最基本的效果图,效果图比较low ?...{ //只要是摸到了或者划过了这个某个item就会触发,返回对应的item和对应的数据 fun onTouch(item: View, data: Any?)...GroupDecoration 简介:可以自己控制列表的分组规则和分组标题的样式,而且可以用xml绘制分组标题 用法: 像所有其他的ItemDecoration一样,add到recyclerview上就可以了...,主要需要实现下面几个方法 //判断当前position的数据是否是一个组的第一个,也就是需要加分组item的position abstract fun checkItemIsFirstOfGroup

50710

表单的 9 种设计技巧【上】

全文 1308 字 阅读时间约 5 分钟本文首发于码匠技术博客表单是信息添加、录入的通用形式,合理的表单设计能减轻用户负担。这里码匠提供了一些表单设计的简单技巧。...注意对齐的一致性,所有标签在整个表单中都应该遵循相同的对齐方式。...图片 因为左侧左对齐使得浏览表单所需时间最长,如果表单要求敏感数据如银行卡号等,也可以使用左侧左对齐来故意减缓用户的填写速度,来确保填写的准确性。...如果文本输入框需要很长(例如:身份证、手机号和邮箱等),可以考虑将这些输入框纵向排布;如果所有输入都很长,只有一些是较短的输入(例如:居住的省、市和邮编),则可以将这些较短的输入压缩到同一行,再与其他输入框保持长度一致...技巧 4:表单输入框放在一列码匠建议您尽量将所有表单输入框放在一个列中,使填写路径更加清晰。保持有秩序的单列表单形式更利于用户浏览,而多列的表单形式则会破坏用户填写规律,进而影响完成表单的速度。

71550
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    同一页面巧妙使用多个element-ui的upload组件

    问题 最近在使用SSR(服务器端渲染)方式引入vue+element-ui开发一个商城项目的时候遇到一个问题:因为商城的订单是可能包含多个商品,所以订单的评价涉及到同一个页面多组表单的异步提交(每一组表单包含评价内容和上传的多张图片...) 由于element-ui的upload组件默认没有提供多个组件在同一页面绑定不同模型的接口,因此在网上搜了一下,搜到了这篇文章,文章中最后的建议是自己封装一个组件来调用upload组件,使用的时候直接调用自己...封装的这个组件,但是项目时间紧迫,我这边希望更快的搞定这个问题,于是想到了以下办法 解决方法 在upload组件的接口中,有一个data接口,可以绑定需要上传的除文件之外的其他数据对象,由于订单评价页的一个特点...error' }) } }).catch(e => {}) } }}) 至此,经过测试,解决了同一页面多个...upload组件上传预览并分别异步提交对应表单到后台的问题

    3.6K40

    Go 语言中同一 slice 上的切片其底层数组是否是同一个

    容量(Capacity):底层数组中元素的总数,从 slice 的开始位置到底层数组的末尾。...多个切片可以引用同一个底层数组。...底层数组和切片容量的关系: 切片的容量可以随着追加元素的增加而增加,但底层数组的容量保持不变。这就是为什么在追加元素后,切片1的容量增加到了8,而底层数组的容量仍然保持在5的原因。...底层数组是否相同的判断 当我们在同一 slice 上创建不同的切片时,它们是否共享同一个底层数组呢?...接着,修改了 slice2 的第一个元素的值为 10。最后,输出了三个切片的内容。 这个结果说明了切片的特性: 切片是对底层数组的引用,因此对切片的修改会影响底层数组以及其他引用相同底层数组的切片。

    4900

    vue-awesome-swiper的用法&同一页面有多个swiper如何使用

    前言: swiper.js 的vue版api跟cdn引入事一样的api用法,共用官网那套api文档,此篇写下时,swiper.js 的版本是 Swiper4.x 。...这篇用的也是4.x的版本,注意swiper4.x跟swiper3.x的api用法有部分不同,详细请参考swiper官网。...同一个页面里有三个 swiper 的 demo 项目结构是这样的:(刚创建的项目里没有dist这个文件夹,dist是打包后的项目文件夹) 项目结构 完整的代码是这样的,包含html、js、css ,文章末尾附上了...let theItems = vm.menuContentItems[0][mcActiveIndex]; //如果已经加载了全部,则不继续请求,否则请求下一页...= new VueRouter({ mode: "history", base:'/connection/', routes: routesList.routes }); //Vue单页应用

    6.1K10

    Form 表单在数栈的应用(上): 校验篇

    一、引言 本文为主题即为 Form 表单在数栈的应用,旨在希望能通过一些在数栈已经应用的实例和笔者整理的小tips来帮助大家更深入的理解Form表单校验、以及联动校验的认知和做法。...众所周知,我们生在一个最好的时代,antd 已经帮我们把绝大多数功能封装好了,即开即用, API 详尽,但即便如此,antd 开发人员依然在当前基础上一遍又一遍地做优化和探索,所以,笔者希望通过本文不仅能带给大家业务上的小技巧...关于 Form 表单的其他内容,在 Form 表单在数栈的应用(下) 会和大家见面。...首先是存在多层 form 嵌套的问题,也就是说同一个页面里可能还包含或嵌入多个 form 表单,类似问题的核心就在于如何在一个页面中拿到当前容器的 form 实例和嵌套的 form 示例。...进行了校验,成功后再对下方的 form 进行校验,那么请问该如何实现让他们同时进行校验,以完成代码和校验交互上的优化呢?

    1.3K20

    Form 表单在数栈的应用(上): 校验篇

    一、引言 本文为主题即为 Form 表单在数栈的应用,旨在希望能通过一些在数栈已经应用的实例和笔者整理的小tips来帮助大家更深入的理解Form表单校验、以及联动校验的认知和做法。...众所周知,我们生在一个最好的时代,antd 已经帮我们把绝大多数功能封装好了,即开即用, API 详尽,但即便如此,antd 开发人员依然在当前基础上一遍又一遍地做优化和探索,所以,笔者希望通过本文不仅能带给大家业务上的小技巧...关于 Form 表单的其他内容,在 Form 表单在数栈的应用(下) 会和大家见面。...首先是存在多层 form 嵌套的问题,也就是说同一个页面里可能还包含或嵌入多个 form 表单,类似问题的核心就在于如何在一个页面中拿到当前容器的 form 实例和嵌套的 form 示例。...进行了校验,成功后再对下方的 form 进行校验,那么请问该如何实现让他们同时进行校验,以完成代码和校验交互上的优化呢?

    2.2K20

    跨标签页通信的8种方式(上)

    引言--跨标签页通信是指在浏览器中的不同标签页之间进行数据传递和通信的过程。在传统的Web开发中,每个标签页都是相互独立的,无法直接共享数据。...然而,有时候我们需要在不同的标签页之间进行数据共享或者实现一些协同操作,这就需要使用跨标签页通信来实现。...8种方式(下)BroadCast ChannelBroadcast Channel API 可以实现同源下浏览器不同窗口,Tab 页,frame 或者 iframe 下的(通常是同一个网站下不同的页面)...通过创建一个广播频道,并在不同的标签页中监听该频道,可以实现跨标签页通信。...// 断开频道连接channel.close();Service WorkerService worker 本质上充当 Web 应用程序、浏览器与网络(可用时)之间的代理服务器。

    78830

    利用动态注入HTML的方式来设计复杂页面

    随着最终用户对用户体验需求的不断提高,实际上我们很多情况下已经在按照桌面应用的标准来设计Web应用,甚至很多Web页面本身就体现为一个单一的页面。...该页面初始状态如左图所示,它仅仅具有一个用于输入查询条件(First Name和Last Name)进行联系人查询的表单。...这个“单页面应用”是通过ASP.NET MVC开发的,接下来我们来逐步介绍如果将同一页面中的这三块不同的内容提取出来进行“分而治之”。...QueryFormPartial.cshtml定义了一个以Ajax方式提交的表单,目标Action为具有如下定义的Find,它根据指定的First Name和Last Name筛选匹配的联系人列表,并将其呈现在一个名为...的定义,这是一个Model类型为Contact的强类型View,它将联系人信息呈现在一个表单中。

    3.6K20

    JeecgBoot 3.4.3-GA 版本发布,开源免费的企业级低代码平台

    ,online在线表单,新增页面无法显示联动控件 #4008解决标签页样式更多下拉显示样式错乱问题专项功能介绍——关联记录和他表字段一、关联记录介绍一个项目下的多张业务表存储不同的业务对象数据,不同业务对象之间可能存在一定的关联...如果独立管理这两种数据,不仅会重复录入数据,在查看相关的数据时操作上也会断层。...“联系人”关联表:可选择online表单中的其他表单作为关联表—“客户联系人”表标题字段:选择关联表中的某个字段作为表单及列表中的展示字段—“客户联系人”中的“姓名”字段封面图片:可选择关联表中的图片作为关联记录的封面图片展示...可选择online表单中的其他表单作为关联表—“客户信息”表标题字段:选择关联表中的某个字段作为表单及列表中的展示字段—“客户信息”表中的“公司全称”封面图片:选择关联表中图片作为关联记录的封面图片展示...:可配置单选或多选图片2.2 配置他表字段点击“页面属性”-“个性配置”中“公司地址”的“打开配置”字段描述:字段的显示文本—“公司地址”关联记录:表单中配置的“关联记录”均可选择—选择上一步配置的“所属客户

    1.1K20

    Java项目:CRM客户关系管理系统(Spring+SpringMVC+MyBatis + maven)

    联系人管理 4.1 联系人与客户关系分析 4.2 查询所有联系人 4.2.1 查询所有 4.2.2 条件查询 4.2.3 分页查询 4.3 添加联系人 4.3.1 需求 4.3.2 显示表单 4.3.3...客户关系管理的定义是:企业为提高核心竞争力,利用相应的信息技术以及互联网技术协调企业与顾客间在销售、营销和服务上的交互,从而提升其管理方式,向客户提供创新式的个性化的客户交互和服务的过程。...οnclick="page(1)">首页] [上一页...联系人管理 4.1 联系人与客户关系分析 客户:指的是有很多员工的公司、组织、企业或类似机构。 例如:传智学院 联系人:与某公司(客户)进行对接时,所需要找该公司具体的员工。...οnclick="page(1)">首页] [上一页

    3.7K20

    前端源码架构在拍卖详情页上的探索

    我还是在尽可能的希望好~这也是这篇文章的目的所在。此处权且抛个砖,如果你有更好的见解和想法,欢迎随时交流~ 拍卖详情页 ? 详情页 ❝图上的点我会在下文中挨个介绍 ❞ ?...当然,这里是CountDown上的一个方法。...也就是说,完整的详情页会有很多的模块,「也就是说打开的某一个详情页,并不需要加载所有的模块」。这也是为什么下文会有按需加载的 原因。...在接口返回的字段需要进行加工的时候需要 此处作为页面级别的 dataInit,「理论上应该是最全的数据处理情况」 ?...每一步分为「本身模块的编写」以及「提供给你的注入方式」。 TODO 如上所介绍,再结合之前写的前端架构文章,基本上感觉介绍的差不多了。其实前端架构感觉应该换个名字:目录组织。

    49310

    首届LoG上的 GNN 教程,98页ppt&代码

    计算边缘相关性的方式有很多种,包括随机计算、基于相似度计算或基于边缘曲率计算。本教程提供了文献中提出的基于扩散、曲率或谱概念的图重连的最相关技术的概述。...它将解释它们的关系,并将介绍最相关的最先进的技术及其在不同领域的应用。本教程将从理论、经验和伦理的角度概述这一领域的开放性问题。 本教程的主要目标是教授图形重连的基础知识及其当前的挑战。...我们将激发对数学上合理的图重连方法的需求,作为解决gnn的主要限制的解决方案:欠延伸、过度平滑和过度挤压。...我们将解释文献中提出的实现图重连的两种主要方法: 直推式方法计算每个图的新卷积矩阵作为预处理步骤,以提高手头任务的性能。例如参数化扩散或基于曲率的方法。...归纳方法从子图/图的训练中学习新的卷积矩阵,然后预测未见图中的卷积矩阵。理想情况下,这个过程是完全可微的和无参数的。我们将深入研究这些方法的实现。

    21430
    领券