微信小程序

分类下相关文章

微信小程序滚动到页面顶部

低版本的微信小程序基础库不支持,需要注意: if (wx.pageScrollTo) { // 判断是否支持该函数 wx.pageScrollTo({ scrollTop: 0 }) } ...

阅读全文...

微信小程序 toast 去掉图标

微信小程序的 wx.showToast,默认图标是个对勾,但是在某些情况下,不适合使用图标。 去掉图标 wx.showToast({ title: '不能再吃了', icon: 'none', duration: 2000 }); ...

阅读全文...

微信小程序长时间未使用将被冻结

今天收到微信通知: 微信小程序昵称: 你的角色:项目成员 原始ID: gh_xxx 登录邮箱: xxx 你好,以上帐号由于长时间未使用,将根据《微信小程序平台运营规范》的规定冻结此帐号,如需继续使用此帐号,请在2020-05-01之前登录。 详情参考: https://kf.qq.com/touch/sappfaq/190702FbaQbI1907027rUJfi.html 很奇怪,为啥我作为项目成员,而不是管理员也会被冻结。 看了一下绑定的小程序列表,确实发现了几个没有名称的小程序,说明管理员也被冻结了吧,所以连带我作为项目成员也被冻结了,实际上应该是解绑了。 ...

阅读全文...

微信小程序使用本地图片作为背景

如何测试 由于每个微信小程序的初始化项目中都包含 logs 这个页面,可以拿这个页面作为测试。 使用本地图片作为 background-image 值,会报错 .bg { background-image: url("/images/some_bg.jpg"); } 报错信息为: VM306:1 pages/logs/logs.wxss 中的本地资源图片无法通过 WXSS 获取,可以使用网络图片,或者 base64,或者使用 image 标签。请参考文档:https://developers.weixin.qq.com/miniprogram/dev/qa.html ...

阅读全文...

大象计算器微信小程序版

为了方便手机上使用大象计算器,现推出微信小程序版。体验方法: 使用微信扫描下方小程序码 或者,微信中搜素“大象计算器” 版本 4.0.0 - 2020-05-27 功能优化:涨幅计算器增加反向涨幅计算功能。 版本 3.0.0 - 2020-05-21 新功能:增加数字货币涨跌幅波段计算器。以 0.5 个点为一档,正负20%。 版本 2.0.0 - 2020-05-17 新功能: 增加数字大小写转换 新功能: 增加意见反馈 版本 1.0.0 - 2020-03-28 新功能:股价波段计算器 新功能:涨跌幅计算器 ...

阅读全文...

微信小程序富文本组件 rich-text

示例代码: <rich-text nodes="{{ description }}"></rich-text> nodes 属性接受两种参数: string:HTML String array:节点列表 官方推荐使用 array 不推荐使用 String 类型,因为性能会有所下降。但是,谁会在服务器端生成这种结构化的 array 数据,还浪费带宽。 ...

阅读全文...

微信小程序功能取舍原则,及起名的艺术

一直在犹豫要不要把一个现有的网页工具出个微信小程序版。 网页工具出微信小程序版本的必要性 时代变了,用手机的人越来越多。连我有时候晚上回家都懒得开电脑 有用户主动加微信给我反馈,希望能出小程序版本,原因同上 国内网页广告收入越来越差,我觉得很大原因在于,转化效果的差距。微信和其他移动 APP 更容易为企业转化,甚至直接付费 微信,抖音几乎瓜分了大家的闲余时间,目前工作时间也逐步被这两者侵占。丢失这两个平台的流量,就意味着失去数量可观的用户。疫情期间,直播带货的惊人效果,让传统广告业务汗颜。 国内 Android 市场上架太难了,还需要软件著作权。而目前微信小程序则不用软著。 最近业余在写一个 ...

阅读全文...

微信小程序 input 输入框文本右对齐

当微信小程序中 input 输入框在右侧布局时,其文本居右对齐效果更佳。 实现方法: 模板代码 <input class="nickname_input" placeholder-class="nickname_placeholder" bindinput="input_nickname" placeholder="昵称" /> 样式代码 .nickname_placeholder, .nickname_input { text-align: right; } 效果 ...

阅读全文...

微信小程序 banner 图片高度自适应

例如,微信小程序首页顶部 banner 图片。 宽度与屏幕等宽 高度自适应,保持图片宽高比 模板 <view class="banner"> <image src="../../images/banner.png" mode="widthFix"></image> </view> 样式 .banner image { width: 100%; } widthFix 缩放模式,宽度不变,高度自动变化,保持原图宽高比不变 参考: https://developers.we ...

阅读全文...

微信 Windows 2.7.1 版本支持电脑上打开小程序

今天开机发现 Windows 微信客户端做了重大升级,从 2.7.1 版本开始支持电脑上打开小程序。同时支持在电脑上转发小程序。 电脑微信客户端上打开微信小程序的效果如下: 消息上下文界面 打开界面 电脑上能打开小程序的重大意义 微信小程序的应用场景进一步扩大。例如,笔记类的微信小程序,就可以电脑和手机两端无缝衔接。以此类推,协作类和同步类的小程序使用场景得到延申。 这下对 Windows Store 的冲击会非常大,同时也会迅速抢占 Windows 客户端开发的市场。 ...

阅读全文...

修改微信小程序 input 输入框 placeholder 的字体样式

在微信小程序中,想让输入框的 placeholder 文字变得更醒目一点。 可以给 placeholder 文字通过 placeholder-style 属性加上指定样式: <input type="text" placeholder-style="text-align:center" class="stock_code" placeholder-style="color: red; font-size: 1.2em;" placeholder="请输入您的股 ...

阅读全文...

微信小程序体验问题优化汇总

评论 按照评论时间倒序 优惠券 用完的灰掉 分享 转发 明显的转发按钮 banner 后台让用户下拉选择对应的跳转页面,而不是手动填写 URL 前端处理点击事件 防止图片被拉伸,保持宽度 100%, 高度自动调整 基础组件 https://github.com/youzan/zanui-weapp 技术支持 留下我们公司名字及联系方式。方便更多的客户联系我们。 URL 中文参数使用 encodeURIComponent 做转码 商品管理 需要下架管理功能。因为,可能由于某些原因部分商品需要下架,但是又不能删除,避免重复编辑。 ...

阅读全文...

跳转到拼多多微信小程序

很多免费的微信小程序接入拼多多返利是一个不错的变现渠道。 实现起来,时间成本也不高,所以在没有特别好的变现手段时,可以尝试一下多多客返利。 官方参考文档: https://jinbao.pinduoduo.com/message/detail?crumbs=broadcast&id=200 示例 具体实现跳转到拼多多微信小程序的方法 App.json 这里的 ID 是拼多多官方给出小程序 ID。 "navigateToMiniProgramAppIdList": [ "wx32540bd863b27570" ], 跳转函数 appI ...

阅读全文...

微信小程序 swiper 组件展示正方形商品轮播图

通常商品的轮播图都是正方形的,当在手机端的微信小程序中展示时,自然最佳的效果就是将 swiper 组件的高度设定为跟手机屏幕宽度相同。 要实现宽高相同,就需要借助小程序内置的获取设备宽度的函数 wx.getSystemInfoSync().windowWidth 效果如图 实现方法 app.js globalData: { window_width: wx.getSystemInfoSync().windowWidth, } js 逻辑 onLoad: function (options) { this.setData({ window_width: app ...

阅读全文...

微信小程序 sitemap 索引

今天在微信小程序开发工具中调试代码的时候,发现 console 里提示 sitemap 索引情况提示 VM5010:1 根据 sitemap 的规则[0],当前页面 [pages/index/index] 将被索引 发现项目跟目录下有个 sitemap.json 文件。 内容为: { "desc": "关于本文件的更多信息,请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html", "rules": [{ " ...

阅读全文...