首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

小程序 — 实现滑删除效果(列表)③

前言:实现完整的列表滑删除功能。...GitHub:https://github.com/Ewall1106/miniProgramDemo 1、列表渲染 首先我们初始化一个list列表并为其添加数据,这个列表有两个值分别为标题文字title...2、事件处理 (1)首先我们要给touchend事件传递一个参数,参数值为当前用户触摸列表的索引值,让我们可以知道,到底用户是触摸了哪个列表项。...handleDelete(idx) { this.list.splice(idx, 1); this.setData({ list: this.list }); } 3、小结 这就是我们实现滑删除效果的全部内容了...,利用了小程序的movable组件实现了大部分的功能,关于js主要是在处理列表渲染的时候,这里是个坑,其他就没什么难点了,看看最后的效果图吧: ?

1K30

微信小程序之列表滑删除功能

什么是滑删除 用过QQ的人都知道,消息列表内,滑单个聊天可以删除、置顶的操作。对于移动端窄小的屏幕来说,这种交互可以说是非常的节省地方。故受到了众多产品狗的喜爱。...改变滑动这一项的isTouchMove属性 if (touchMoveX > startX) //右滑 v.isTouchMove = false else //滑...{ userInfo: null }, touch: new touch() //实例化这个touch对象 }) 然后去引用这个touch.js文件,在app.js文件中 末尾 到这里滑删除就告一段落了...,主要就是先使用css将删除按钮隐藏起来,然后通过监听touch事件去改变列表中每一项的一个属性,间接修改这个条目的样式将删除按钮显示出来 源码上传至github 微信小程序之列表滑删除功能 原文地址...微信小程序之列表滑删除功能

94930

纯CSS实现文字一行居中,多行对齐的方法

纯CSS实现文字一行居中,多行对齐的方法 其实这种需求还是蛮常见的。主要用于产品列表页面,用于产品图片下面,显示产品的名称。但是其纯CSS实现实在是烧脑,一般就放掉这个需求,或者,使用JS实现。...问题描述 如何使用css实现文字一行居中,多行对齐? 想要实现的效果为: 未知文字长度,当文字长度小于盒子宽度,也就是一行时,文字居中。...当文字长度大于盒子的宽度,会自动换行,成为多行文字,此时文字对齐。 好了!该如何实现呢?经过我自己的研究,找到了两种解决方法!! 解决方法一:利用行内元素 我首先想到了这个思路,思路如下: 一行文字 这里是比较长的两行文字 这应该是HTML的结构 让P居中,P中的文字对齐...未知宽度的table 也是可以左右对齐的!! 是不是暴露年龄了?

2.6K10

微信小程序之列表滑删除功能

什么是滑删除 用过QQ的人都知道,消息列表内,滑单个聊天可以删除、置顶的操作。对于移动端窄小的屏幕来说,这种交互可以说是非常的节省地方。故受到了众多产品狗的喜爱。 ?...isTouchMove属性,通过监听touch改变该属性给列表不同的样式将隐藏的按钮显示出来) ?...改变滑动这一项的isTouchMove属性 if (touchMoveX > startX) //右滑 v.isTouchMove = false else //滑...touch.js'//新加 App({ globalData: { userInfo: null }, touch: new touch() //实例化这个touch对象 }) 末尾 到这里滑删除就告一段落了...,主要就是先使用css将删除按钮隐藏起来,然后通过监听touch事件去改变列表中每一项的一个属性,间接修改这个条目的样式将删除按钮显示出来 源码上传至github 微信小程序之列表滑删除功能

2.8K30

MFC中的CListCtrl的最左边一列必须对齐吗?

好久不写MFC的程序了,很多细节问题都记不清了,今晚无意中要用到CListCtrl控件,希望能够表头采用自己绘制的方式显示,于是自己编写了OnPaint方法进行重绘,过程中需要根据每一列的对齐方式进行绘制表头中的标题文字...tItem.cchTextMax = 256;   tItem.mask = HDI_FORMAT | HDI_TEXT;   GetItem(i, &tItem);   在取得了列的信息之后,通过判断列中的对齐方式进行绘制...((tItem.fmt & HDF_JUSTIFYMASK) == HDF_RIGHT)   {       ......   }   但是我在想CListCtrl中插入列的时候,第一列我设置成了剧中对齐...,但是结果无论如何都得不到正确的结果,偏偏其他列我又是设置的对齐,所以结果所有列都是对齐,于是我认为是不是GetItem没有取得对齐方式的数据,结果到MSDN中寻找帮助,结果一无所获,后来想想是不是我的...于是问题又来了,如果让第一列能够做到剧中对齐呢?通过实验发现在InsertColumn的时候第一个参数就是列的索引,取值从1开始,这样就可以解决问题了。

1.4K60
领券