
小程序
梨童就是小梨童呀
这个作者很懒,什么都没留下…
展开
-
uni-app 异形轮播
【代码】uni-app 异性轮播。原创 2022-12-29 09:59:58 · 417 阅读 · 0 评论 -
微信小程序中自定义修改Swiper组件的面版指示样式【学习记录】
如果你的swiper是component组件,在swiper.wxss里面写.wx-swiper-dots和.wx-swiper-dot样式是不会生效的,一定要在父组件的.wxss里面写!可根据自己需要可以自定义.wx-swiper-dot和.wx-swiper-dots样式实现自己想要的样式,一起加油。实现解决方案,自定义indicator-dots样式。...原创 2022-08-02 09:37:34 · 1025 阅读 · 0 评论 -
微信小程序分享到朋友圈
微信小程序分享到朋友圈原创 2022-06-10 18:06:38 · 268 阅读 · 0 评论 -
微信小程序根据API接口wx.chooseLocation获取省市区
在开发过程中我们会遇到根据定位获取当前地址,同时快捷的获取到省市区信息,但是微信小程序的api接口wx.chooseLocation只会返回完整的地址信息,这时候根据返回的地址信息获取档期内地址的省市区信息,获取方法如下 //获取定位 intoMap:function(){ var _this = this; wx.chooseLocation({ success: function (res) { console.l转载 2022-03-22 17:02:28 · 3556 阅读 · 2 评论 -
js截取银行卡尾号
js 截取银行卡尾号var cardNo=’6212*********999999‘var lastNo=cardNo.substring((cardNo.length-4),cardNo.length)console.log(lastNo)原创 2021-03-29 15:24:36 · 530 阅读 · 0 评论 -
微信小程序删除数组中指定的一个或多个对象
var addTableData = [ { id:1, count:1 , price:1}, { id:2, count:2 , price:2}, { id:3, count:3 , price:3}, { id:4, count:4 , price:4}];var delTableData = [ { id:1, count:1 , price:1}, { id:2, count:2 , price:2}];for (var i=0; i<addTa转载 2020-12-08 19:55:21 · 4041 阅读 · 0 评论 -
微信小程序中适配iphoneX或适配 iPhone 11/Pro及以上的机型的兼容性
今天做一个功能,需要兼容iphoneX系列以及11.12以上的设备的兼容性,由于微信小程序在适配iphone x 的时候 底部的横线会出现遮挡如图:于是乎就翻了翻小程序的API文档,果不其然在小程序基础接口里面有提供接口wx.getSystemInfo(Object object)那么接下来我们讲解下在小程序的开发中我们怎么使用?1、在全局的app.js文件中globalData我们创建全局变量,然后获取设备型号 globalData: { isIphoneX: false,/原创 2020-12-08 19:51:58 · 7414 阅读 · 3 评论 -
微信小程序中适配iphoneX兼容性
今天做一个功能,需要兼容iphoneX系列以及11.12以上的设备的兼容性,于是乎就翻了翻小程序的API文档,果不其然在小程序基础接口里面有提供接口wx.getSystemInfo(Object object)原创 2020-12-08 19:46:17 · 1985 阅读 · 0 评论 -
微信小程序switchTab传参以及接收参数
在微信小程序开发的过程中,难免会遇到switchTab传参这种情况,下面记录下处理方式,希望所有帮助描述功能场景比如从index.wxml页面跳转到tabbar中的log.wxml页面习惯性的传参方式如下wxml wx.switchTab({ url: '/yb_mingpian/pages/newIndex/newIndex?is_first_login=1', });js接收参数也是如下onLoad:function(e){ console.log (e)}原创 2020-10-28 17:47:58 · 10972 阅读 · 3 评论 -
微信小程序点击按钮聚合动画
微信小程序点击按钮聚合动画效果如下wxml<view class="allimgs"> <image src="qst_img/999_1.png" class="img-style" animation="{{animCollect}}" bindtap="collect"></image> <image src="qst_img/999.png" class="img-style" animation="{{animTranspond}}原创 2020-10-22 15:57:20 · 961 阅读 · 0 评论 -
微信小程序tab切换效果
微信小程序中tab切换效果简单实现方法案例 wxml&lt;view class='a_bar '&gt; &lt;text class="{{selectednow?'active':'default'}}" bindtap="selectednow"&gt;京东&lt;/text&gt; &lt;te原创 2018-09-07 11:47:33 · 1846 阅读 · 2 评论