微信小程序
文章平均质量分 60
盛国强
这个作者很懒,什么都没留下…
展开
-
小程序长按识别公众号二维码-已实现
在做这个功能的时候,网上找了好多,都说不行,最终还是找到解决办法了。直接说了:小程序API中的wx.previewImage可以实现,但需要先预览,再长按,比较麻烦。小程序webview H5中放公众号二维码图片可以实现,但仅限公众号文章!实现步骤:1.利用公众号发布一篇文章,其中包含要被长按识别的公众号二维码;2.将得到的公众号文章链接放入小程序webview中,即可展示。...原创 2021-09-24 15:44:05 · 3454 阅读 · 0 评论 -
微信小程序局部清除button默认样式(自定义样式)
<button class="clearButtonStyle">按钮</button>.clearButtonstyle { background: none; border-radius: 0; padding: 0; margin: 0 !important; line-height: 1; font-weight: normal; outline: none;}.clearButtonstyle::afte.原创 2021-06-10 11:30:51 · 314 阅读 · 0 评论 -
2021微信网页跳转APP
概述微信开放标签是微信公众平台面向网页开发者提供的扩展标签集合。通过使用微信开放标签,网页开发者可安全便捷地使用微信或系统的能力,为微信用户提供更优质的网页体验。此文档面向网页开发者,介绍微信开放标签如何使用及相关注意事项。需要注意的是,微信开放标签有最低的微信版本要求,以及最低的系统版本要求。微信版本要求为:7.0.12及以上 系统版本要求为:iOS 10.3及以上、Android 5.0及以上对于符合微信或系统最低版本要求但仍无法使用微信开放标签的场景,将会在下方使用步骤中的...原创 2021-05-27 10:59:56 · 2470 阅读 · 2 评论 -
微信小程序实现带参数的字符串表达式判断真值
在这之前有大佬实现了微信小程序中的eval,亲测过,可行,但体量有点大,决定自己写个简单的eval,不求实现复杂逻辑,够用就行。一、背景应公司需求,计算表达式的true,false值,如STATUS===10||STATUS===20计算之前需将其中的STATUS变量转变为实际的值如:10===10||10===20为了更好辨认变量,将变量用特殊字符串标记起来,如:[%=STATUS%],将原表达式改为[%=STATUS%]===10||[%=STATUS%]===20二、实现逻辑将给定表达原创 2020-09-08 18:38:35 · 1847 阅读 · 0 评论 -
微信小程序实现wxml中数据保留小数或取整
在wxml中如何将浮点数保留一位两位小数?例如:3.1415926 ——> 3.14一、在wxml页面中引入wxs文件<wxs module="filters" src="../../utils/addmul.wxs"></wxs>二、在wxml页面中使用此处 money 为变量1.保留两位小数:<view> <span>{{filters.toFix2(money)}}</span></view>2.保原创 2020-06-05 13:03:36 · 6947 阅读 · 8 评论 -
微信小程序实现input自由选中内容(已封装)
老规矩先来看看效果噻!从上面的录屏中我们可以看出,要实现input自由选中内容的功能是可以实现的,原理其实很简单。从微信小程序官方文档(input组件)中我们可以发现:https://developers.weixin.qq.com/miniprogram/dev/component/input.html没错!这就是input选中内容的方法。但有一个小问题,正如文档所言,只有自动...原创 2019-08-29 11:25:31 · 5382 阅读 · 6 评论 -
微信小程序横屏字体变大的完美解决方案
微信小程序设置横屏之后原本的rpx单位就不再适用。rpx:屏幕宽度是固定的 750rpx,也就是说:5rpx == 5 / 750 * 屏幕宽度,竖屏切换成横屏,屏幕宽度就会变大,5rpx也会随即变大。字体也就变大了。有人说用px解决,没错,的确可以,但不同尺寸,不同分辨率的手机,屏幕的像素也不一样,这就会导致控件的大小在不同手机上的展示会有差异。那怎么完美解决呢???了解一下CS...原创 2019-07-23 17:29:05 · 8745 阅读 · 6 评论 -
微信小程序实现横屏展示
先来看看横屏效果:实现横屏只需要在page的json页设置"pageOrientation": "landscape"这样就能横屏了,但要注意一点,竖屏切到横屏rpx单位不再适用,转换成px就可以了,标准情况下2rpx==1px...原创 2019-06-06 18:35:46 · 19075 阅读 · 0 评论 -
小程序简称功能上线解析
不急,先来波美图:小程序简称功能上线通知2019-01-23小程序简称功能已上线,设置后可让小程序在客户端的任务栏中有更直接的展示。简称规则:可从当前名称中按顺序选取4-10个字符创建简称。设置入口:在小程序管理后台设置界面,简称设置入口进行设置。简称审核与名称审核周期一致,将在2019年春节期间2月4日(除夕)至2月10日(初六)暂停审核。请开发者按各自需求,安排好提审计划,进行简称设...原创 2019-01-24 11:41:47 · 4921 阅读 · 0 评论 -
微信小程序实现仿微信聊天界面(各种细节处理)
话不多说,美图镇楼:下面先来看看效果为实现这样的效果,首先要解决两个问题:1.点击输入框弹出软键盘后,将已有的少许聊天内容弹出,导致看不到的问题;2.键盘弹出或收起时,聊天消息没有自动滚到最底部。首先解决第二个问题,自动滚动到最底部,这很简单,这里提供三种方法(推荐第三种):1.计算每条消息的最大高度,设置scroll-top=(单条msg最大高度 * msg条数)px。2.用 将...原创 2019-01-07 16:26:47 · 76124 阅读 · 184 评论 -
微信小程序关于we-cropper框架对各类机型适配问题 - 已解决
这篇文章是针对上一篇文章做出的适配性修改。上一章剪切头像完整demo下载地址为:https://download.csdn.net/download/java558/10544752开始之前,来张美女镇楼: 实践中发现原本的cropper框架在小米手机和华为P10系列/P20系列的剪切头像页面存在着适配问题。小米手机上表现为宽高多出1-2px的白边;而华为P10系列手机上表现为屏...原创 2018-07-19 10:59:39 · 3608 阅读 · 9 评论 -
简化的微信小程序剪切头像we-cropper框架案例
废话不多说,先上图~目录结构是不是超简单?下面我们来分析一波怎么做。1.首先将we-cropper框架包添加到自己的小程序项目中,这里我的we-cropper是经过删减的,因为只用到了两个文件;2.新建cropper和upload这两个page;cropper页面:upload页面:3.点击cropper页面中的圆形头像,可选择图片,跳转到upload页面...原创 2018-07-16 18:38:51 · 10357 阅读 · 12 评论 -
微信小程序实用的布局单位vw,vh
水平居中(在父布局中写,子布局为view):display: flex; flex-direction: row; justify-content: center;或者text-align: center;垂直居中(在父布局中写,子布局为view):display: flex; align-items: center;或者 line-height: xxx;水平居中并...原创 2018-05-08 10:46:03 · 2320 阅读 · 0 评论