文章 2024-07-04 来自:开发者社区

【微信小程序-原生开发】列表 - 拖拽排序(官方组件 movable-area 和 movable-view 的用法)

index.wxml <movable-area style="width: 100%;height:{{(dataList.length)*60}}px;"> <movable-view class="itemBox" style="z-index:{{inde...

【微信小程序-原生开发】列表 - 拖拽排序(官方组件 movable-area 和 movable-view 的用法)
文章 2024-07-04 来自:开发者社区

【微信小程序-原生开发】实用教程15 - 列表的排序、搜索(含云数据库常用查询条件的使用方法,t-search 组件的使用)

请先完成列表数据的分页、触底加载 【微信小程序-原生开发】实用教程14 - 列表的分页加载,触底加载更多(含无更多数据的提醒和显示,自定义组件) https://blog.csdn.net/weixin_41192489/article/details/129355396 效果预览 ...

【微信小程序-原生开发】实用教程15 - 列表的排序、搜索(含云数据库常用查询条件的使用方法,t-search 组件的使用)
文章 2023-08-21 来自:开发者社区

小程序封装拖拽菜单组件(uniapp拖拽排序,自定义菜单)

效果展示 思路 使用movable-area作为可移动区域,并在内部循环渲染列表项view,绑定touch事件。 在mounted生命周期函数内获取区域movable-area的dom信息,记录列表项的坐标信息。 在methods中定义了列表项的touchstart、touchmove和touchend事件的方法,用于实现列表项的拖拽移动和位置变更。 watch监听列表项数据l...

小程序封装拖拽菜单组件(uniapp拖拽排序,自定义菜单)
文章 2023-07-28 来自:开发者社区

微信小程序根据日期和时间进行排序

一、前言 最近接手了一个小程序的项目,有这样一个需求要对列表进行日期和时间的排序,于是小试牛刀,操作了一番,终于搞出来,在这里给大家总结分享一下经验,希望对大家有一定的帮助。 二、需求分析(这是已完成的效果) 这里有具体的日期时间和具体的小时时间,后端数据给我传来的是 这样式的 startDate: "2021-08-27" //日期年月日 startTime: "10:15" //...

微信小程序根据日期和时间进行排序
文章 2023-05-24 来自:开发者社区

小程序里显示附近的人,云开发数据库实现附近的人,按照位置远近排序,附近多少公里内的好友

老规矩,先看效果图可以看到我们在地图上显示了附近的一些标记点。接下来就教大家如何实现附近的位置。一,创建数据首先我们查询附近的人的时候,需要先有附近人的位置,也就是经纬度。这里我以几个城市的经纬度为例。大家可以自行百度查找你所需要的经纬度。这里经纬度查到后,我们需要把这些位置信息存到数据库里。1,注意存位置时必须是Point类型如上图所示,我们可以直接在云开发数据库里添加位置信息,类型是geop....

小程序里显示附近的人,云开发数据库实现附近的人,按照位置远近排序,附近多少公里内的好友
文章 2022-02-17 来自:开发者社区

小程序实现索引列表排序

​在小程序中,会有一些需求,常常会有一些按字母A-Z排序,写过一篇关于vue的字母排序,点击这里查看,今天写一篇关于小程序字母排序的案例,效果展示如下&nbsp;&nbsp;&nbsp;&nbsp;写之前要和后端定义好数据结构字段,这是我定义的这种数据接口,然后和后端沟通,给我返回这样的结构。[ {"letter":"A", "data":[ {"id": 56,"Name": "奥特曼玩具" }...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐