随笔分类 - 微信接口
微信接口
摘要：小程序的左滑删除效果用的是组件 movable-area 和 movable-view 文档 ： https://developers.weixin.qq.com/miniprogram/dev/component/movable-view.html 1、movable-area基本概念 （1）mo
阅读全文
摘要：在写小程序的时候，有时候页面的内容过多，逻辑比较复杂，如果全部都写在一个页面的话，会比较繁杂，代码可读性比较差，也不易于后期代码维护，这时候可以把里面某部分功能抽出来，单独封装为一个组件，也就是通常说的自定义组件，自定义组件类似于页面，它有wxml 模版、wxss 样式和js文件，然后在页面中使用该
阅读全文
摘要：点此查看微信小程序官方文档 以下示例，可自行体会.. 子 - Component child.json child.wxml child.js 父 - Page parent.json 项目目录结构： parent.wxml 可以用 bind:parentEvent 也可以 bindparentEv
阅读全文
摘要：最近做小程序时，会经常用到各种弹框。直接做显示和隐藏虽然也能达到效果，但是体验性太差，也比较简单粗暴。想要美美地玩，添加点动画还是非常有必要的。下面做一个底部上滑的弹框。 wxml wxss 关键的部分来啦~~ js 转 : https://www.jianshu.com/p/cea2d4dc24d
阅读全文
摘要：正文： 先上效果图: 点击按钮Show显示遮罩层,再次点击屏幕任何地方隐藏遮罩层; 转: https://blog.csdn.net/qq_35713752/article/details/78675450
阅读全文
摘要：一、box-shadow语法 box-shadow: none | inset（可选值，不设置，为外投影，设置，为内投影） x-offset（阴影水平偏移量，正方向为right） y-offset（阴影垂直偏移量，正方向为bottom） blur-radius（阴影模糊半径，为正，0为无模糊效果，值
阅读全文
摘要：突然发现小程序现在支持npm包了 事不宜迟 贴上文档 https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html 小程序支持npm包从版本2.2.1的基础库开始 ，开发的时候需要使用beta版本开发工具 ，下载地址：https
阅读全文
摘要：在小程序开发的时候会遇到一些页面不需要头部导航，或像淘宝的商品详情一样自定义的导航栏。那先要清楚这导航可不能写死，每种手机的导航都各不相同。 一、在app.json的window对象中定义导航的样式： 这样你会发现所有页面的导航栏都不见了。如果还有其他页面需要导航栏的，那就模仿小程序的导航栏按照以下
阅读全文
摘要：最近在捣鼓小程序,在做的过程中遇到一个问题,就是左上角的返回按钮默认是返回上一页的。但是我做的是注册页,注册页有几个步骤,每个步骤都是一页,我希望到注册成功这一页的时候,我点击左上角的返回按钮能直接回到登录页。我查了官方文档和谷歌后都没找到解决办法。后面就想了一个变通的办法: 利用小程序的生命周期,
阅读全文
摘要：根据微信小程序 scroll-view 文档所述，scroll-view必须给定一个固定高度。那么如果我们想要让它自动填充剩余高度，该怎么办呢？ 前言 在说出我的解决方案之前，先来看一下我的页面设计，以便于理解。 我将这个页面分成了三部分：最顶部的导航栏navbar，用于显示概要信息的header，
阅读全文
摘要：官方文档已声明，即使在page.json和app.json中开启下拉刷新，scroll-view组件也是不支持的。但我们可以通过曲线救国的方法来实现 实现代码 onPullDownRefresh 和 wx.startPullDownRefresh 的区别 onPullDownRefresh : 下拉
阅读全文
摘要：marquee.json marquee.wxml marquee.wxss marquee 以上就是我定义在components文件夹的组件，剩下就是引用组件 demo.json demo.wxml 转 : https://www.jianshu.com/p/0ff03e5e942e
阅读全文
摘要：1. project.config.json写上云函数所在目录"cloudfunctionRoot": "cloudfunctions/",如图 2. app.json写上“cloud”:true,如图 app.js写上（这步是将用户访问记录到用户管理中，在控制台中可见） 3. 云函数目录右键新建n
阅读全文
摘要：附录文档位置：小程序图片长按识别 ①. wxml 页面元素设计 ②. js 文件实现 “previewImage”方法 在对应的 js 文件中，添加了如下的方法 转 : https://www.jianshu.com/p/ec9a620222d6
阅读全文
摘要：调用页： 结果是没有效果， 原因是： createCanvasContext这个是有两个参数的，在page页面默认传了一个This,组件里面 需要传this const ctx = wx.createCanvasContext('myCanvas',this); 转 ： https://segmen
阅读全文
摘要：一、位置position【定位属性：static，relative，absolute，fixed，inherit，-ms-page，initial，unset】 1.static：元素框正常生成，块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或者多个行框，置于其父元素中。 2.re
阅读全文
摘要：注意的是刷新在json 文件中要配置 "enablePullDownRefresh":true 那个空白是,加载条,可以设置一些效果,当数据完成后 用 wx.stopPullDownRefresh(); 终止效果 在 onPullDownRefresh 事件里加setTimeout事件延迟下下拉刷新
阅读全文
摘要：事件的类别分为几种： 点击事件：tap 长按事件：longtap 触摸事件：touchstart； touchend；touchcancel；touchmove 其他：input；submit.... 其中前三类是冒泡事件，其他的称为非冒泡事件。 写一个简单的例子，代码就不一一贴出来了，WXML的文
阅读全文
摘要：小程序获取当前页面在小程序中，所有页面的路由都由框架统一管理。框架以栈的形式维护了当前的所有页面。 getCurrentPages() 函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。注意：1.不要尝试修改页面栈，会导致路由以及页面状态错误。2.不要
阅读全文
浙公网安备 33010602011771号