微信小程序
web16888
这个作者很懒,什么都没留下…
展开
-
微信小程序 slider双向滑动,价格范围选择
有需求要做价格的范围选择,结果一看slider组件是单向的,不能用于范围选择,在网上一统找,找到了好几个组件,无一例外都是自己写的范围选择组件,其中有一个组件zyslider勉强可用,但是有可多问题,然后修修补补改成需求的样子:原创 2023-12-13 13:15:31 · 1362 阅读 · 0 评论 -
微信小程序 hover-class=“none“无效
hover-class="none"原创 2022-03-01 10:46:23 · 597 阅读 · 0 评论 -
微信小程序禁止遮罩层滚动
catchtouchmove="true"原创 2022-03-01 10:17:43 · 335 阅读 · 0 评论 -
微信小程序下载pdf更改名称并打开
//url=https://xxxx.pdf wx.request({ url: url, data:data, responseType:"arraybuffer", success (res) { if(res.header["Content-Type"].indexOf("application/pdf")!=-1){ var save = wx.getFileSystemManager(.原创 2022-02-25 12:17:34 · 1355 阅读 · 0 评论 -
微信小程序 base64的图片保存到相册
var imgsrc="base64图片内容" var save = wx.getFileSystemManager(); var number = Math.random(); let filePath = wx.env.USER_DATA_PATH + '/pic' + number + '.png' save.writeFile({ filePath: filePath, .原创 2021-05-13 16:49:36 · 546 阅读 · 0 评论 -
微信小程序6位验证码输入框、隐藏光标、letter-spacing失效
微信小程序6位验证码输入框、隐藏光标、letter-spacing失效有需求要做6位验证码框如下图:开始分别用6个输入框做这个6个数字,发现在手机上有延时不快速,而且删除部分数字会出问题。之后想到一个办法:用一个透明input和假的6个框叠起来。1.透明input用于用户输入数字2.6个假的框用于展示数字。这其中遇到一个棘手的问题,iPhoto手机上如图:输入的字是隐藏了,光标没法隐藏。为了解决此问题想了以下办法:1.更改光标颜色,设置透明(没用)input原创 2021-03-31 17:43:29 · 2673 阅读 · 0 评论 -
微信小程序:子组件给父组件传值
子组件中加入:this.triggerEvent('loginStep', 2)父组件中:index.json中引入{ "usingComponents": { "login":"/component/login/login" }, "navigationBarTitleText": "个人中心"}index.wxml中绑定组件(在组件标签上,用“bind:子组件的事件名=父组件事件名”)<login wx:if="{{isauthSetting!=原创 2021-03-25 09:18:48 · 1092 阅读 · 1 评论 -
微信小程序 异步回调函数获取数据的方法
//请求数据的时候,设置回调函数searchDataCallbackconst app=getApp();wx.request({ url: 'test.php', //仅为示例,并非真实的接口地址 data: { x: '', y: '' }, header: { 'content-type': 'application/json' // 默认值 ...原创 2020-04-18 16:35:10 · 3114 阅读 · 0 评论 -
微信小程序 wxs 'replace' of undefined
值也出来了,但是一直报这个错误,查找了一些方法,最终找到的原因是,打开页面的时候,要替换的值初始为空而报错,后面页面渲染完成后,有值了,能正常访问。//只需要判断有值则显示即可//wxml:{{update_time?utils.getlangdate(update_time,islangbtn):''}}//wxs:function getlangdate(strDate...原创 2020-03-24 17:11:24 · 1452 阅读 · 0 评论 -
微信小程序 使用css中var变量的方法
page{ --theme-color:#EF114C;}.title{color:var(--theme-color)}原创 2020-02-17 15:15:24 · 5831 阅读 · 3 评论 -
微信小程序slider自定义样式
微信小程序slider自定义样式,这个样式不是真正控制在slider上的,而且用view层级覆盖来进行制作,是自己纯手工写的,不喜勿喷哦!这个可以自定义滑块大小和滑块阴影,设置长条高度等样式...原创 2019-10-24 14:05:25 · 7002 阅读 · 1 评论 -
小程序获取用户手机号服务器端代码(C#)测试有效
<% @ webhandler language="C#" class="AverageHandler" %>using System;using System.Net;using System.Web;using System.Collections.Generic; using System.Text; using System.Security.Cryptogr...转载 2019-10-15 17:02:51 · 466 阅读 · 0 评论 -
微信小程序WXML页面上直接进行字符串截取实现方式
这个方法是转载别人,但是里面做了一个更改,增加了截取长度和开始截取位置,这样可以适用于所有要截取字段的地方subutils.wxsvar sub = function (val, start=0, end=17) { if (val.length == 0 || val == undefined) { return; } if (val.length > e...转载 2019-10-15 17:02:10 · 4346 阅读 · 0 评论 -
微信小程序:图片404错误,更换默认图片
app.js //远程图片no found情况下指引 errImgFun:function (ev, that){ console.log("onImageError", ev); var _errImg = ev.target.dataset.errImg; var _errObj = {}; _errObj[_errImg] = "/img/00...原创 2019-10-15 17:02:41 · 2591 阅读 · 0 评论 -
Cannot read property '__wxSlotChildren'
遇到如此问题的时候,解决办法是,关掉微信开发工具,重新打开,问题就解决了这个问题寻找出的答案是微信工具的出问题了原创 2019-10-15 17:02:28 · 343 阅读 · 0 评论 -
微信小程序:降低image层级,重叠排版方法
像这种怎样排版呢?一般的方法,是白底圆角矩形的“margin-top: -80rpx;”这样就达到白底圆角矩形上移,压在图片上的效果。但是微信小程序image层级很高,按照这种方法,显示的确实如下:微信小程序的文字跑image上了,白色圆角矩形跑image底下了,这种怎么处理叻?用它“display: inherit;”inherit 规定应该从父元素继承 d...原创 2019-07-16 09:26:03 · 11377 阅读 · 2 评论 -
微信小程序:分享好友,调用分享功能
button组件自带了一些功能,分享这个功能也是自带的,如下:button的open-type属性将button的open-type属性设置为:share即可,这里注意:分享的图片内容是小程序自动截图当前页面生成的,如有用户隐私请做好隐藏。<button open-type='share'>分享好友</button>...原创 2019-07-16 09:37:51 · 17352 阅读 · 5 评论 -
微信小程序:添加到手机通讯录
微信小程序:添加到手机通讯录 wxml: <button class="spbg" bindtap="addPhone">存入手机通讯录</button>js:放入page中addPhone: function () { let that=this; // 添加到手机通讯录 wx.addPho...原创 2019-07-16 09:44:30 · 5554 阅读 · 5 评论 -
微信小程序:拨打电话
微信小程序:拨打电话wxml: <button bindtap="tel">13866668888</button>js:放入page中 tel: function () { wx.makePhoneCall({ phoneNumber: this.data.tel, }) },...原创 2019-07-16 10:04:50 · 1851 阅读 · 0 评论 -
微信小程序:复制到剪贴板
微信小程序:复制到剪贴板wxml:<button bindtap="copyweixin">iujing20129</button>js:放入page中copyweixin: function () { wx.setClipboardData({ data: this.data.tel, success: funct...原创 2019-07-16 10:08:30 · 745 阅读 · 0 评论 -
微信小程序:地图导航
调用内联地图wxml:<button bindtap="daohang">地图导航</button>js:放入page中 daohang: function () { wx.getLocation({//获取当前经纬度 type: 'wgs84', //返回可以用于wx.openLocation的经纬度,官方提示bug: iOS...原创 2019-07-16 10:13:22 · 655 阅读 · 0 评论 -
微信小程序:获取openid和session_key方法
//app.jsApp({ globalData: { appid: 'xxxx',//appid需自己提供,此处的appid我随机编写 secret: 'xxxx',//secret需自己提供,此处的secret我随机编写 }, onLaunch: function () { var that = this var user = wx.getSto...转载 2019-07-16 10:16:47 · 4014 阅读 · 0 评论 -
微信小程序自定义tabbar案例
微信小程序自定义tabbar案例界面:首页tab1页tab2页官方自定义tabbar的案例:https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html?search-key=%E8%87%AA%E5%AE%9A%E4%B9%89tabb...原创 2019-07-16 14:39:25 · 2884 阅读 · 0 评论 -
微信小程序:选项卡切换内容效果
wxml:<view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="tabNav"> <icon class="iconfont icon-zhoubianpeitao"...原创 2019-07-16 16:07:43 · 977 阅读 · 0 评论 -
微信小程序setData修改数组某一项的值
官方文档是这样的:changeItemInArray: function() { // you can use this way to modify a danamic data path this.setData({ 'array[0].text':'changed data' }) }, changeItemInObject: function...原创 2019-10-15 17:01:25 · 11301 阅读 · 1 评论 -
微信小程序 修改缓存数组中的某一个值
var obj={};obj.name="123";obj.age=18;wx.setStorageSync('user', obj);修改其中的年龄:var user = wx.getStorageSync('user');user.age=19wx.setStorageSync('user', user);原创 2019-10-15 17:01:53 · 3523 阅读 · 0 评论 -
iis7安装ssl证书,三步完成
微信小程序要求传输数据采用https,所以http需要升级https,就需要ssl证书了,已经申请通过的ssl证书,怎么安装,并让域名https访问呢?三步就能完成,本人比较懒不想去转了,自己去看连接内容吧一步:安装sslWin2008系统+IIS7.0下安装SSL证书教程:http://baijiahao.baidu.com/s?id=1601252392478469692&wf...原创 2019-10-15 17:01:33 · 1024 阅读 · 0 评论 -
【微信小程序canvas】实现小程序手写板用户签名(附代码)测试有效
工作中公司业务需要的微信小程序用户签字功能先看效果图:wxml:<view class="wrapper"> <view class="handBtn"> <image catchtap="selectColorEvent" src="{{ selectColor === 'black' ? '../../images/color_bla...转载 2019-05-08 16:06:12 · 4119 阅读 · 5 评论