![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
文章平均质量分 81
记录小程序学习实战过程
你华还是你华
对Javascript、css、html、php、java、python、MongoDB、MySQL、scrapy、flask、springboot、Laravel、React、Vue、node,热爱的博主。
座右铭:不忘初心,砥砺前行。
展开
-
小程序之H5游戏砸金蛋
这里用到了vant组件库,具体引用可以查看我的这篇博客,及进行砸金蛋动画功能的实现。本文大概4千字,阅读需要5分钟。如需要本文素材,可以留言,看到后将会第一时间回复。原创 2022-06-09 23:06:35 · 1865 阅读 · 2 评论 -
微信小程序之流星雨个人页
这里用到了组件库,具体引用可以查看我的这篇博客。。本篇博客约1w字,需要有小程序基础,阅读大概需要8分钟。涉及模版,可直接复制代码演示。主要用到了到骨架屏,这样可以使数据在请求的时候,让用户感觉加载等待,能起到一定的用户体验效果。如果不想用的话也可以把这层标签给删掉。里面的属性具体可以查看文档,这里就不赘述了,主要讲讲流星雨的动效实现。:可以看到我们这里定义了一个容器,里面包裹了十几个容器,这些主要就是流星雨的元素了。可以看到我们给每个流星雨都指定了特定的动画,并且使用到了关键帧,去改变方向。可以看到原创 2022-06-09 00:26:00 · 2980 阅读 · 15 评论 -
微信小程序前后端授权登陆
本文目录一、微信小程序前端1.1 小程序前端准备1、api封装2、授权独立页面二、微信小程序后端(laravel)2.1 小程序后端准备1、项目安装dingo/api以及jwt认证2、创建小程序用户表和模型3、安装easywechat插件4、创建小程序授权登陆认证控制器5、授权登陆路由三、测试效果一、微信小程序前端1.1 小程序前端准备由于用到了 weapp-vant所以还未安装或者不懂安装到可以参考我的这篇博客。上微信公众平台注册一个小程序,注册完成之后你就有APPID和SECRET。1、api原创 2021-10-04 15:21:00 · 1402 阅读 · 2 评论 -
小程序Vant组件库的使用
本文目录一、小程序安装weapp-vant二、小程序使用weapp-vant一、小程序安装weapp-vant首先终端进入你的小程序目录文件夹:然后输入npm init -y:接着输入命令npm i @vant/weapp -S --production安装 weap-vant:然后修改 app.json:将 app.json 中的 “style”: “v2” 去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。接着修改 project.config原创 2021-09-30 15:30:53 · 899 阅读 · 0 评论