![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
唐小亭
开心就好哈!
展开
-
微信小程序动态修改底部菜单样式(文字、图片、颜色)
微信小程序动态修改底部菜单样式(文字、图片、颜色)原创 2022-12-06 10:15:54 · 1548 阅读 · 0 评论 -
h5页面使用js实现图片上传(安卓用户也可拍摄、相册二选一)
H5实现图片拍照上传原创 2022-09-14 18:12:42 · 4417 阅读 · 0 评论 -
textarea标签在微信小程序中层级太高
问题描述:textarea原生组件在微信小程序页面中层级太高,设置z-index也无法覆盖,滚动时会直接覆盖在底部的button或弹窗之上。解决方法:弹窗出现时将textarea标签换成其它标签,比如:微信小程序中换成:wxParse弊端:如果有换行,换标签后很难保持原有的格式。...原创 2020-05-07 13:54:02 · 258 阅读 · 0 评论 -
微信小程序利用scroll-view封装下拉刷新上划加载分页组件
在components文件夹中新建组件,文件结构如下图:commonScrollY.wxml代码如下:<!-- components/scrollY/scrollY.wxml --><wxs module="commonScrollY" src="./commonScrollY.wxs" /><scroll-view class="scroll-c...原创 2020-05-06 16:07:40 · 3623 阅读 · 0 评论 -
微信小程序联系客服对接网易七鱼
第一步:注册网易七鱼账号(自己可以随便注册个玩玩,新账号有7天的免费试用期)。第二步:绑定微信小程序点击绑定微信小程序,选择一键授权绑定(小程序管理员扫一扫二维码),就是这么简单,别怀疑,就是这样,只要管理员扫一扫一健绑定就行。第三步、小程序中添加入口代码:<view class="item contactItem"> <button ...原创 2020-05-06 14:57:06 · 1981 阅读 · 2 评论 -
微信小程序展示当前用户头像
<open-data type="userAvatarUrl" default-avatar="'/images/my/defalut.png'"></open-data>效果图如下:原创 2020-05-06 14:22:21 · 1517 阅读 · 1 评论 -
微信小程序wxParse中的图片有空隙
在wxParse.wxss中加入以下代码(白色边框也不会有):/* 解决图片之间间隙 */.wxParse-img{ display: inline-flex; border: none; outline: none; vertical-align: bottom;}image[src=""] { opacity: 0;}...原创 2020-04-25 15:39:41 · 855 阅读 · 1 评论 -
微信小程序vant-weapp版本升级更新
问题:现在项目中引用的是0.5.15版本的,需求原因,需要使用到1.X版本的倒计时组件,所以选择升级版本步骤:1.npm 安装:npm i @vant/weapp -S --production2.构建 npm 包3.在package.json中删除原来的"vant-weapp":"^0.5.15"4.检查现在的版本,应该是如下所示:...原创 2020-03-13 14:06:00 · 4709 阅读 · 3 评论 -
微信小程序防止点击事件冒泡
使用catchtap替代bindtap原创 2020-03-05 17:11:47 · 1647 阅读 · 0 评论 -
js实现手机号码脱敏
方法一:要求保留前三位和最后四位,中间对用*处理。如18912341234脱敏处理之后应该变成189****1234。处理方法如下:var str="18912341234"var pat=/(\d{3})\d*(\d{4})/var b=str.replace(pat,'$1****$2');console.log(b)()就是起到一个分组作用,将匹配到的放到mathches...原创 2020-05-06 11:36:49 · 2092 阅读 · 0 评论 -
微信小程序显示空格符
<view>中间有空格<text decode="{{true}}" space="{{true}}"> </text></view>原创 2020-01-02 17:14:43 · 1707 阅读 · 0 评论 -
微信小程序input输入框聚焦时闪烁(各种踩坑记录)
情景:使用了vant组件,但我发现用原生的也会有这个问题。头大啊......一、input框聚焦前后字体不一样,没有找到修改方法二、按设计官方文档设置input的字体大小为11pt,还是闪烁,有重影三、输入框的长度定死,还是闪烁,有重影四、换成textarea,不闪烁了,但无法调出不一样的键盘,如数字键盘、身份证键盘,不能这么改。...原创 2019-12-19 18:13:59 · 5722 阅读 · 6 评论 -
原生微信小程序搭建
以下的步骤都是建立在已经申请注册了小程序的基础上第一步:从官网下载微信小程序开发工具第二步:在开发者工具上选择:项目->新建项目项目目录选择一个空的文件夹选择了22这个文件夹之后会变成下图:(注意:一定要选择建立普通快速启动模板)点击确定之后会生成以下代码:目录如下:(此时package.json还是未生成的)第三步:npm init,生成pack...原创 2019-12-10 17:26:38 · 756 阅读 · 0 评论 -
微信小程序wx.login
官网介绍:https://developers.weixin.qq.com/miniprogram/dev/api/open-api/login/wx.login.htmlwx.login({ success (res) { // res中包括code }})参数Object res属性 类型 说明 code string 用户登录凭证(有效...原创 2019-12-10 13:50:53 · 1869 阅读 · 0 评论 -
微信小程序支付
wx.login({ success: res => { // res中会包括code // 发送 res.code 到后台换取 openId, sessionKey wx.request({ url: 'xxxxxxxxx?code='+ res.code, //xxx接口是为了获取openid meth...原创 2019-12-10 10:55:52 · 92 阅读 · 0 评论 -
微信小程序拨打电话
wx.makePhoneCall({ phoneNumber: '110'})原创 2019-11-25 16:18:42 · 214 阅读 · 0 评论 -
微信小程序判断是否是通过点击分享链接进入的小程序
方法一:App里 onLaunch 和 onShow 可以获得一个场景值 scene ,然后场景列表如下:方法二:分享出去的时候,在path里,就带上一个参数。onLoad的时候,参数里能拿到这个参数,则说明是分享卡片进来的。...原创 2019-11-25 11:34:11 · 8526 阅读 · 0 评论 -
微信小程序防止重复点击
在/utils/util.js(工具类)加入以下代码module.exports = { throttle: throttle}// 函数节流(throttle):函数在一段时间内多次触发只会执行第一次const throttle = (fn, gapTime) => { if (gapTime == null || gapTime == undefined) { ...原创 2019-11-07 15:06:21 · 1281 阅读 · 0 评论 -
有赞组件vant密码输入框input在微信小程序里隐藏显示密码有问题
<van-field value="{{ pwd}}" placeholder="请输入密码" border="{{ false }}" clearable class="form-input-item" password="{{password...原创 2019-11-01 15:45:01 · 4113 阅读 · 5 评论 -
微信小程序嵌第三方的h5页面
微信小程序没有一个方法:直接点击页面中的某个按钮直接在本页面打开一个h5页面。经试验,只能重新开一个空的页面,只放webview标签,如下:新建页面A<web-view src="https://www.baidu.com/"></web-view>在B页面通过正常的路由跳转方式跳转到A页面,打开h5页面wx.navigateTo({ u...原创 2019-11-01 15:38:01 · 1901 阅读 · 0 评论 -
时间转换:toLocaleDateString()有毒,不同浏览器返回的格式不一样
坑啊!new Date(new Date().setDate(new Date().getDate() + i)).toLocaleDateString()解决办法:不要用它,太坑了!如果想获取yyyyMMdd格式的字符串:var str= new Date();var str2= str.getFullYear() + "-" + (str.getMonth() + ...原创 2019-10-23 16:44:42 · 10206 阅读 · 7 评论 -
微信小程序设置某个页面的背景色
"backgroundColor": "#F2F2F2"在.json文件中添加以上代码并不能设置某个页面的背景色,因为:backgroundColor 是 窗口背景色,就是你下拉的时候看到的窗口颜色,不是页面背景色。修改页面背景色,可以在.wxss 中用page 选择器设置...原创 2019-09-06 11:13:13 · 4594 阅读 · 4 评论