兔子先森兔子先森

微信小程序组件封装传值以及问题点规避
微信小程序组件封装传值以及问题点规避

1、在components文件加下新建组件文件夹,在该文件夹下新建组件2、在app.json中注册该组件

2023-02-05 14:50:00阅读全文

微信小程序-支付
微信小程序-支付

微信小程序的支付只要用到官方的支付API : wx.requestPayment(Object object)官方文档地址:https://developers.weixin.qq.com/miniprogram/dev/api/payment/wx.requestPayment.html

2023-02-06 09:41:27阅读全文

微信小程序分包
微信小程序分包

通常情况下,我们建的文件都在根文件夹下的pages里面根文件夹其实就是主包,主包的文件对应在app.json中pages内的路径,比如在pages内新建一个home文件夹,home文件夹内新建index.wxml文件。小程序在打开的时候会加载主包内的内容,如果所有文件都写在主包,那么打开小程序的时候

2023-02-05 18:36:19阅读全文

微信小程序防抖
微信小程序防抖

这里主要用到闭包,将函数内的值保存下来,下次点击的时候进入判断,如果定时器启动了,则清除定时器,直到最后一次启动定时器,也就是说,在规定的时间内只会触发最后一次定时器,从而达到防抖效果。

2023-02-05 15:07:41阅读全文

微信小程序-【转发好友】以及中文标题乱码问题解决
微信小程序-【转发好友】以及中文标题乱码问题解决

微信小程序的转发功能,参考官方文档,使用的buttom的open-type功能,下面是转发功能的具体实现。

2023-02-06 03:04:23阅读全文

微信小程序-获取用户头像信息以及修改用户头像
微信小程序-获取用户头像信息以及修改用户头像

这里主要用到button的open-type功能,官网已有说明:给button设置open-type="chooseAvatar",来使bindchooseavatar方法生效,在bindchooseavatar指定的函数中获取用户的头像信息

2023-02-06 14:44:59阅读全文

微信小程序分类菜单激活状态跟随列表滚动自动切换
微信小程序分类菜单激活状态跟随列表滚动自动切换

这里主要用到微信小程序提供的SelectorQuery获取页面节点信息实现,组件用的是微信小程序的scroll-view逻辑就是获取右侧盒子的节点信息,获取右侧子分类的节点信息,当子分类滑动到顶部的之后,则切换左侧分类状态,而且当右侧子分类的位置处于触顶以及包含顶部位置的状态下,同样激活左侧分类状态

2023-02-05 22:16:44阅读全文

盲盒抽奖流程
盲盒抽奖流程

盲盒模块的流程大致如下:进入盲盒抽奖页面,需要初始化直接获取一些盲盒的信息,例如:盲盒活动id,开奖buff等。首先需要获取盲盒活动id,后面的所有请求都是基于盲盒活动id进行的。

2023-02-06 02:29:41阅读全文

微信小程序项目中使用icon图标
微信小程序项目中使用icon图标

效果:步骤:1、先让ui负责人把你的账号加入到项目中,加入到项目中后就可以在icon图标库中看到该项目2、在小程序中使用新建一个view,在上面加一个class,复制icon名字上去即可,注意格式,格式为iconfont icon名。

2023-03-08 01:18:25阅读全文

CSS数据类型以及符号
CSS数据类型以及符号

css数据类型定义的是css属性中具有代表性的值,在规范的语法格式中,使用关键字外加一对 <和>表示,例如数值类型<number>、色值类型<color>等。举个例子:background-image这个css属性语法结构如下:

2023-03-08 16:08:41阅读全文

微信小程序数字转中文wxs
微信小程序数字转中文wxs

场景: 传入数字,转换成天数,比如:index = 1 转换后则为 一,在页面中的应用就是<view>第{{index}}天</view>,转为第几天。

2023-03-08 13:51:54阅读全文

微信小程序的全局弹窗以及全局实例
微信小程序的全局弹窗以及全局实例

微信小程序组件关系中,父组件使用子组件需要在父组件index.json中引入子组件,然后在父组件页面中使用,这种组件的对应状态是一对一的,一个组件对应一个页面。如果有一个全局弹窗(登录),那么每个页面引入一次组件会非常麻烦,这里就需要封装全局弹窗,在页面直接引入使用即可。

2023-03-09 06:47:22阅读全文

微信小程序使用vant组件样式不生效的问题
微信小程序使用vant组件样式不生效的问题

官方文档有说明,将 app.json 中的 "style": "v2" 去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。

2023-03-08 15:05:37阅读全文

微信小程序自定义导航栏机型适配
微信小程序自定义导航栏机型适配

自定义微信小程序头部导航栏,有几种方式

2023-03-08 20:03:01阅读全文

微信小程序登录流程与实现
微信小程序登录流程与实现

在了解小程序登录之前,请大家先了解小程序的全局实例和全局组件,以方便理解本文的后续内容,已经了解的可以直接开始。全局实例和全局组件( 👈 点击直达)

2023-03-30 23:12:23阅读全文