小程序
文章平均质量分 89
Holyzq
梦中写代码,痴迷于it编程,加油!更多实战功能请关注 “进哥爱编程” 微信公众号,大家一起交流学习吧!
展开
-
scroll-view 实现滑动分类
页面左侧显示分类数据,右侧显示每个分类对应的文章列表,点击分类名称,对应右侧文章内容切换显示。点击文章列表跳转到文章详情。最终页面效果如图:在 中页面效果如下1、在 中定义分类数据节点2、调用获取分类列表数据的方法3、定义获取分类列表数据的方法动态渲染左侧的分类列表1、循环出所有分类2、在 中定义默认选中项的索引3、循环渲染结构时,为选中项动态添加 类名4、为分类的 项绑定点击事件处理函数 5、定义 事件处理函数,动态修改选中项的索引动态渲染右侧的文章列表1、在 中定原创 2022-08-09 16:11:34 · 1026 阅读 · 0 评论 -
uniapp实现防抖搜索
用户的关键词还未输入完就已经多次请求了接口,显然是不合理的,要解决这个问题,需了解。防抖:每次用户输入关键词时,先清空定时器,再延时调用接口。原创 2022-08-05 16:01:32 · 415 阅读 · 0 评论 -
uni-app 实现手机端滑动导航栏
创建项目此步骤省略,不会的同学可以参看我的另外一篇文章:创建项目这里以一个微博首页为例,最终实现的页面效果图如下:样式准备1、在 pages/index/index.vue 文件中,添加如下代码:<template> <view class="content"> <scroll-view scroll-x> <view class="scroll"> <vie原创 2022-02-26 02:11:20 · 2756 阅读 · 2 评论 -
Laravel5.8+Jwt-auth+easyWeChat+微信小程序实现无人货架
一、项目简介本次项目在使用Laravel5.8的基础上结合微信小程序实现一个无人货架的售卖系统。具体的技术逻辑如下:1、后端接口认证使用Jwt-auth,通过接口认证拿到用户id。参考文档:https://github.com/tymondesigns/jwt-auth/wiki/Installation2、前端小程序支付使用的是easyWeChat第三方包。参考文档:https://www.easywechat.com/docs/4.0/mini-program/app_code htt原创 2020-05-27 07:49:00 · 1964 阅读 · 0 评论