随笔分类 -  小程序

微信小程序发送短信验证码
摘要：微信小程序注册完整实例，发送短信验证码，带60秒倒计时功能，无需服务器端。效果图: 代码: index.wxml <!--index.wxml--><view class="container"> <view class='row'> <input placeholder='请输入姓名' bindi 阅读全文
posted @ 2019-04-26 09:40 小白菜_y
scroll-into-view 简单demo
摘要：index.wxml <scroll-view scroll-x style="width:100%;white-space:nowrap"> <view wx:for="{{30}}" style="display:inline-block; margin:10rpx;border:1rpx so 阅读全文
posted @ 2018-11-26 16:06 小白菜_y 阅读(8758) 评论(0) 推荐(0)
当前页面返回前一个页面时，执行前一个页面的方法
摘要：onUnload: function(){ var pages = getCurrentPages(); // 当前页面 var beforePage = pages[pages.length - 2]; // 前一个页面 console.log(beforePage); wx.navigateBa 阅读全文
posted @ 2018-10-27 16:48 小白菜_y 阅读(1168) 评论(0) 推荐(0)
小程序自定义组件
摘要：要做自定义组件，我们先定一个小目标，比如说我们在小程序中实现一下 WEUI 中的弹窗组件，基本效果图如下。 Step1 我们初始化一个小程序（本示例基础版本库为 1.7 ），删掉里面的示例代码，并新建一个 components 文件夹，用于存放我们以后开发中的所用组件，今天我们的目的是实现一个 弹框 阅读全文
posted @ 2018-10-27 13:13 小白菜_y 阅读(1956) 评论(0) 推荐(0)
wx-charts 微信小程序图表插件
摘要：阅读数：9460 微信小程序图表插件（wx-charts）基于canvas绘制，体积小巧，支持图表类型饼图、线图、柱状图 、区域图等图表图形绘制，目前wx-charts是微信小程序图表插件中比较强大好使的一个 支持图标类型 饼图 pie 圆环图 ring 线图 line 柱状图 column 区域图 阅读全文
posted @ 2018-05-25 16:16 小白菜_y 阅读(22456) 评论(1) 推荐(1)
小程序二次贝塞尔曲线，购物车商品曲线飞入效果
摘要：前段时间闲暇的时候看到一个贝塞尔曲线算法的文章，试着在小程序里去实现小程序的贝塞尔曲线算法，及其效果。 主要应用到的技术点：1、小程序wxss布局，以及数据绑定2、js二次bezier曲线算法 核心算法，写在app.js里 bezier: function (points, times) { // 阅读全文
posted @ 2018-05-25 14:58 小白菜_y 阅读(384) 评论(0) 推荐(1)
【小程序开发原创】小程序裁剪图片上传头像，二维码源码
摘要：微信小程序 图片裁剪工具，简单易用 项目需求 在做微信小程序的时候有个图片上传之前裁剪的需求，找过一些github中的项目，都不太理想，主要是没有办法自定义宽高，于是自己研究了一下，做了一个简单的图片裁剪效果 使用方法 项目里面直接放的该功能的文件，将这个文件夹复制到小程序项目中，在app.json 阅读全文
posted @ 2018-05-24 17:59 小白菜_y 阅读(1895) 评论(0) 推荐(0)
微信小程序实现图片放大缩小，并截取指定区域图片
摘要：要在小程序中实现图片放大缩小是着实不容易呀，还要把用户选择的指定区域生成图片，简直令人发指。 不多说，上烧鸡（代码） 首先还是先来看看要实现的效果 用户可以在指定的区域中滑动，放大，缩小自己的图片，点击确定之后，把方框中的区域生成图片。这个和上传头像功能差不多。 首页我们要做的就是怎么才能让照片完美 阅读全文
posted @ 2018-05-24 17:51 小白菜_y 阅读(4824) 评论(0) 推荐(0)
微信小程序自制scroll-view横向滑动滚动条
摘要：效果图 实现代码 index.wxml index.js index.wxss http://blog.csdn.net/hanxue_tyc/article/details/78674075 阅读全文
posted @ 2018-01-24 18:03 小白菜_y 阅读(12673) 评论(1) 推荐(0)
：基于Node.js + MySQL开发的开源免费商城（微信小程序商城端）
摘要：https://nideshop.com/ 阅读全文
posted @ 2017-10-13 10:11 小白菜_y 阅读(877) 评论(0) 推荐(0)
微信小程序开发之『弹出菜单』特效
摘要：http://blog.csdn.net/qq_26420489/article/details/62044014 先看下效果图. 代码: 1.popMenu.js [html] view plain copy Page({ data: { isPopping: false,//是否已经弹出 ani 阅读全文
posted @ 2017-09-07 16:44 小白菜_y 阅读(314) 评论(0) 推荐(0)
微信小程序】实现类似WEB端【返回顶部】功能
摘要：1、原理：利用小程序自带的<scroll-view>组件，该组件的bindScroll和scroll-top方法、属性进行联合操作 2、效果图： 3、wxml： 4、js： 5、wxss： 阅读全文
posted @ 2017-08-31 16:51 小白菜_y 阅读(736) 评论(0) 推荐(0)
小程序购物车 数量加减功能
摘要：我们在购买宝贝的时候，购物的数量，经常是我们需要使用的，如下所示： 在宝贝详情页里： 在购物车里： 现在就为大家介绍这个小组件，在小程序中，该如何去写 下图为本项目的图： wxml： [html] view plain copy <!-- 主容器 --> <view class="stepper"> 阅读全文
posted @ 2017-07-25 15:42 小白菜_y 阅读(12587) 评论(0) 推荐(0)
目前为止最全的微信小程序项目实例
摘要：http://blog.csdn.net/zuoliangzhu/article/details/53862576 阅读全文
posted @ 2017-07-08 11:14 小白菜_y 阅读(355) 评论(0) 推荐(0)