![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
初来乍到的IT狗
前端一枚
展开
-
微信小程序的路由与页面栈
路由就是根据不同的URL显示不同的内容或者页面,也就是跳转页面。一、切换路由 页面大体分为两种,一种是tabbar页面,一种是非tabbar页面。tabbar页面就是在 app.json 的 tabBar 字段定义的页面,每个页面底部会有tabbar,其余都为非tabbar页面。tabbar 示例: **美团底部tabbar ** 小程序切换路由的方式有:(1)wx.swit...原创 2019-10-29 16:48:37 · 1176 阅读 · 0 评论 -
微信小程序canvas单元格内容(文字)
前几天用canvas画了一个表格,这个方法是每个表格里面内容的画法。function writecon(text, maxWidth, fontSize, color, left, top) { var that = this; var centerPosition = left + maxWidth/2; ctx.beginPath(); ctx.setFill...原创 2019-08-03 10:08:09 · 604 阅读 · 0 评论 -
微信小程序的单选/复选按钮样式
转载原博地址:https://blog.csdn.net/abs1004/article/details/78922596 原理:直接覆盖微信小程序定义的 单选/复选按钮样式,从根本上实现样式自定义;本文采用的方法不需要隐藏原来的按钮,也不需要在按钮上附加样式表。 场景:商城购物车 复选框 效果:仿天猫购物车的UI 使用:如果单独页面单独样式,就写到对应...转载 2019-08-02 14:10:22 · 2208 阅读 · 0 评论 -
微信小程序使用总结
我在微信小程序中遇到的问题组件中遇到的问题1、swiper组件(1)swiper滑动错误 如果在 bindchange 的事件回调函数中使用 setData 改变 current 值,则有可能导致 setData 被不停地调用,因而通常情况下请在改变 current 值前检测 source 字段来判断是否是由于用户触摸引起。if(e.detail.source==’touch’){ ...原创 2019-07-20 15:39:53 · 293 阅读 · 0 评论 -
微信小程序wxs实现吸顶效果
在.js文件中使用page的onPageScroll事件和scroll-view的scroll事件中产生卡顿 (setData 渲染会阻塞其它脚本执行,导致了整个用户交互的动画过程会有延迟), 所以使用wxs响应事件来实现吸顶效果。wxs响应事件基础库 2.4.4 开始支持,低版本需做兼容处理。附上文档链接:wxs响应事件吸顶效果 使用scroll-view组件实现滚动效果,页面和sc...原创 2019-08-02 11:06:04 · 1352 阅读 · 0 评论 -
微信小程序基础库
对于一些新功能,基础库版本低的可能会不支持,所以需要去检查基础库的版本做一些兼容。1、查看基础库版本wx.getSystemInfo({ success: function(res) { var version = res.SDKVersion; console.log(version); //如果要做版本比较 version = version.repla...原创 2019-08-02 11:46:32 · 3659 阅读 · 0 评论