![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
CodeHunter_qcy
菜鸡进阶之路
展开
-
微信小程序简易搭建之框架/组件库
微信小程序简易搭建之框架/组件库Vant weapp下面看看如何导入https://github.com/youzan/vant-weapp使用教程:1.下载后找到dist2.在你的项目里面点击红色圈的…三点把dist拖进你的项目3.es6“usingComponents”: {“van-button”: “path/to/vant-weapp/dist/butto...原创 2019-05-27 14:16:26 · 29776 阅读 · 1 评论 -
微信小程序动画之弹出菜单
微信小程序动画之弹出菜单效果图js:Page({ data: { isPopping: false, animPlus: {}, animCollect: {}, animTranspond: {}, animInput: {}, animCloud:{}, aninWrite:{}, }, //点击弹出 plus: ...原创 2019-05-30 11:25:28 · 12483 阅读 · 1 评论 -
微信小程序动画之消息框弹出
微信小程序动画之消息框弹出上图js:Page({ data: { showModalStatus: false }, powerDrawer: function(e) { var currentStatu = e.currentTarget.dataset.statu; this.util(currentStatu) }, util: funct...原创 2019-05-30 13:17:13 · 14119 阅读 · 1 评论 -
微信小程序动画之下拉刷新动画
微信小程序动画之下拉刷新动画简易的效果下面放代码:js:var animation = wx.createAnimation({})var i = 1;Page({ data: { donghua: true, left1: Math.floor(Math.random() * 250 + 1), left2: Math.floor(Math.random...原创 2019-06-01 11:04:27 · 12730 阅读 · 1 评论 -
微信小程序按钮点击动画
微信小程序按钮点击动画GIF看起来可能会有点卡wxml<view class="confirm bubble">确定</view>wxss.confirm{ width: 325rpx; height: 80rpx; background: #07c160; border-radius: 6rpx; font-size: 30rpx; ...原创 2019-05-29 12:04:32 · 11410 阅读 · 2 评论 -
微信小程序动画之圆形进度条
微信小程序动画之圆形进度条上图:代码:js://获取应用实例var app = getApp()var interval;var varName;var ctx = wx.createCanvasContext('canvasArcCir');Page({ data: { }, drawCircle: function () { clearInterva...原创 2019-06-19 10:14:31 · 11948 阅读 · 1 评论 -
微信小程序动画之点击效果
微信小程序动画之点击效果代码:js:// pages/test/test.jsPage({ containerTap: function (res) { var that = this var x = res.touches[0].pageX; var y = res.touches[0].pageY + 85; this.setData({ ...原创 2019-06-03 16:27:29 · 38266 阅读 · 3 评论 -
微信小程序之卡片层叠滑动效果
微信小程序之卡片层叠滑动效果代码:js:// index/gun/jsSwiper2/jsSwiper2.jsPage({ /** * 页面的初始数据 */ data: { startX: 0, endX: 0, iCenter: 3, datas: [{ id: 1, zIndex: 2, opa...原创 2019-06-03 16:49:27 · 22275 阅读 · 4 评论