- van-uploader在企业微信android手机不支持多选?
组件库用的vant,遇到van-uploader在企业微信android手机不支持多选,iOS没问题,直接在浏览器操作或者嵌入钉钉内都没问题,部分代码如下: <van-uploader class="upload" v-show="false" :before-read="beforeRead" :after-read="upLoadImage" :multiple="true" :max-count="9" accept="image/jpeg, image/png, image/jpg,image/bmp,image/tif,image/tiff,application/pdf,application/ofd" :max-size="1024 * 1024 * 9" @oversize="onOversize" :deletable="false">
2023-06-13 - 小程序取消橡皮筋回弹效果解决方案及坑总结
提到ios系统的橡皮筋效果,作为开发者是又爱又恨,有想要这个效果又有不想要的,无奈的是却没有一个简单的开关来设置这个效果是否开启。 最近在开发小程序时也遇到有关于ios橡皮筋回弹的问题,这里分两部分(取消橡皮筋回弹效果和因为这个效果遇到的坑)和大家分享一下。 取消IOS橡皮筋回弹效果的解决方案 1) 页面无滚动区域时,可通过页面json配置文件设置disableScroll:true禁止整个页面滚动,从而取消橡皮筋效果。 [代码]{ "disableScroll":true } [代码] 测试代码:https://github.com/YuniorZen/minicode-debug/tree/master/minicode01/pages/demo1 2) 页面有滚动区域,滚动区域通过view模拟实现,然后在页面json配置文件设置disableScroll:true禁止整个页面滚动,从而取消橡皮筋效果。 [代码]json文件配置 { "disableScroll":true } view元素模拟实现滚动样式 { height: calc(100vh - 120rpx); //高度必须是固定的值 overflow-y: auto; } [代码] 不足之处在于view元素模拟的滚动区域滚动时不够连贯,没有scroll-view那种原生丝滑般的感觉。 测试代码:https://github.com/YuniorZen/minicode-debug/tree/master/minicode01/pages/demo2 3) 页面有滚动区域,滚动区域使用scroll-view,这时通过disableScroll则无法实现,尝试设置一下scroll-view的scroll-y="{{false}}",上拉或下拉时居然不再触发橡皮筋的回弹啦,当然滚动区域也不能滚动。 小脑袋动一动,解决方法有啦! 通过设置一个变量scrollY动态控制滚动区域的滚动从而阻止回弹。 监听bindscrolltoupper\bindscrolltolower当scroll-view区域滚动到顶部或底部时候设置scrollY:false来关闭页面滚动,从而阻止回弹。 监听bindtouchstart\bindtouchmove 当用户反方向滑动的时候设置scrollY:true,再次开启页面滚动。 [代码]wxml滚动区域属性和事件处理,具体实现请点击测试代码链接 <scroll-view scroll-y="{{scrollY}}" class="list" upper-threshold="5" lower-threshold="5" bindscrolltoupper="bindscrolltoupper" bindscrolltolower="bindscrolltolower" bindtouchstart="touchstart" bindtouchmove="touchmove"> <view class="list-item" wx:for="{{list}}" wx:key="{{index}}">{{item}}</view> </scroll-view> [代码] 相对view模拟实现滚动区域,scroll-view滚动更丝滑,不过每次滚动到底部或顶部的时候,再反向滑动时由于再次开启scroll-view滚动会有操作卡顿的感觉,暂时没想到好的解决方法,有解决的大佬希望提供一下想法,一起学习下。 测试代码:https://github.com/YuniorZen/minicode-debug/tree/master/minicode01/pages/demo3 IOS橡皮筋效果遇到的坑 1) 操作左滑删除组件时上下移动,会触发橡皮筋效果导致页面抖动的问题 这个坑的严重程度看设计师的意愿了,反正我们团队目前是需要解决的,方案类似取消橡皮筋解决方案的第三种 在左滑的时候关闭scroll-view的滚动,取消时再次开启滚动 2) 如果页面顶部有置顶的横向滚动区域scroll-view,当页面滚动到底部时继续上拉会导致置顶头部消失,松开回弹后头部又会出现。 坑是社区里的朋友提出来的,我借了个iphone x 一预览,我嚓,还是真是个奇坑! 微信官方回复已复现正在解决中… 不想继续等下去的,暂时解决方法是 监听页面的滚动区域,当滚动到底部时设置顶部横向滚动scroll-view的scroll-x=false来解决。 写在最后 以上便是我在小程序开发中有关于ios橡皮筋回弹效果的分享,示例代码已上传github,可自行下载体验。 https://github.com/YuniorZen/minicode-debug/tree/master/minicode01 目前微信官方虽说已经着手解决(已两年)此类bug,但哪吒说 我命由我不由天,所以还是我们开发者多分享些解决方案自救来的快。 分享方案如有问题还望不吝指出,没有涉及到的坑也欢迎评论提出,一起学习和解决,后续也会基于此篇不断更新总结。
2021-01-14 - 直播----小程序开发心得分享
首先很开心,我司小程序获得第一波直播权限,我已经开发加好了直播,请确认你的小程序有直播资质,如果你有在开发中碰到什么问题,欢迎留言 一、引入直播插件 打开 app.json 文件 如果你代码有区分 分包 请记得将以下代码 放到 root 根文件夹 如果没有请忽略 以下代码 放到 "pages": ["pages/index/index"], 的同级地方 plugins": { "live-player-plugin": { "version": "1.0.2", "provider":"wx2b03c6e691cd7370" } }, 其中 live-player-plugin 是插件名字 version 是版本号码 二、引入直播开播 订阅组件(如果你不想引入,可以跳过) 在你要引入的页面 json 中添加组件 "usingComponents": { "subscribe": "plugin-private://wx2b03c6e691cd7370/components/subscribe/subscribe" } 注意不用改动 页面引入 room-id 属性一定要添加 就是后台会返回给你的 live_status 是用来判断状态 因为有时候我们都添加上订阅按钮 点了后会消失 是因为这个状态已经是过去的直播了 无法订阅 ps:这个插件目前有个 bug 就是 不管我有么有订阅这场 都是未订阅状态 但是点击去直播间的订阅按钮却是状态对的 并且我切换下 小程序 前后台(onShow onHide 切换)状态又是对的 三、页面跳转 你可以在图片上添加函数 也可以直接 navigator 跳转 goDetail(e) { var room = e.currentTarget.dataset.room; wx.reLaunch({ url: '/plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=' + room, }) } 或者 直接 navigator 跳转 四、页面分享 以下是我的页面分享 假设你的是卡片展示 或者图片展示 /** * 用户点击右上角分享 */ onShareAppMessage: function (res) { var idx = res.target.dataset.idx; const listInfo = this.data.listInfo[idx]; return { title: listInfo.name, imageUrl: listInfo.anchor_img, path: '/plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=' + listInfo.roomid } }, 五、订阅插件样式更改 /* 订阅 */ .subscribe--live-player-subscribe__btn{ width: 200rpx !important; height: 21px !important; line-height: 21px !important; font-weight: 200; font-size: 20rpx !important; text-align: center; background: #fff!important; color: #2d79ab!important; border-radius: 4px; pointer-events: auto; margin: 0 auto; } 写在最后-------------------------注意,开发工具目前是无法进入直播页面的,但是真机可以,你们可以上传到体验版然后通过微信后台开个直播,扫码体验就能进入直播间。 以上就是我的分享,谢谢大家观看~~,如果你觉得有用,点个赞吧
2020-04-03 - popButtons
本月份的组件分享,事件效果由 wxs事件完成,注释在代码片段里有。 按钮可拖动,子菜单上没有点击事件,是根据touchend位置来判断点击的谁。有bug欢迎反馈 代码片段:https://developers.weixin.qq.com/s/9BNYnhmG7tcl 社区这会儿效果图gif上传不了。。不是我的错 图标iconfont下的,没版权问题吧。。
2019-10-21 - getMenuButtonBoundingClientRect在Iphone Xr 出现错误?
微信小程序IPHONE xR 13.1.3 出现以下错误,是否有办法解决或其他可代替方案? 出现概率非常高,还望解决。 [图片]
2019-12-14 - 智能对话|微信对话|机器人对话 让小程序动起来 让你走在时代前沿 (持续更新中)
今天楼主无意中发现 真的是无意中发现一个新玩具 叫智能对话 此名字勾起楼主浓浓的兴趣 故开始试玩 下面是记录我的真香历程 [图片] 官网文档地址 什么是智能对话? 简单来说就是自动回复,这个新出的智能对话内置一部分词典 不需要你来设置 而且操作简单 下面是他的技能图 [图片] 开放范围? 适用于微信公众号、微信小程序、企业网站,支持傻瓜式无缝接入和API调用 小程序接入示例 [图片] 公众号接入示例 搜索 ‘大胡科技’ 就可以开始调戏了 开始使用(注册地址) 第一步、 创建机器人 [图片]注意:机器人ID是抢注的 好名字被别人取了就没了 第二步、 勾选机器人技能(或者手动创建技能) 技能名称添加完成后 ---- 新建问答(就是问答关键字) --- 用户问法(可以不填,这是触发值),机器人回答必填 点击添加 ---点击保存配置 --- 机器人调试 测试没问题 点击发布 -----执行发布 [图片] [图片]
2019-09-18 - 社区4月突出贡献者名单及奖励公示
又到了月度评选的时间了,本月在社区上涌现出了非常多优秀的用户,他们共同为平台打造了更多优质的内容,营造了更加良好的社区氛围。在此,我们由衷的感谢他们对社区的辛勤付出。 与此同时,有些用户在对社区的文章、回答、开源等方面的表现尤为突出,他们获得了社区的“4月突出贡献者”。名单如下: “4月突出贡献者”名单 个人 企业 山里育 小打卡 Counterxing 有赞 云开发CloudBase 晓程序观察 I ' M H E R E 痛快科技 第一名的小蝌蚪 铭峰科技 闵胖胖 微盟 唏嘘 拾忆 dntzhang(张磊) var 友原 为了鼓励社区用户持续输出优质的内容,本月的社区突出贡献者将获得如下奖励: 1. 一份“官方的定制化礼物“, 2. 小程序极速审核奖励 (极速审核机制说明:突出贡献者绑定的(作为管理员或开发者小程序,将可享受一个月极速审核的奖励。小程序将在2小时内审核完毕,工作时间:周一到周五,9点-21点;周六周日,9点-19点) 3. 一张“2019腾讯全球数字生态大会”的门票 [图片] 他们将于5月21日至23日在云南昆明滇池国际会展中心,与邀请到的各行业重量级嘉宾一起,共同分享关于数字经济的思考,探讨产业互联网未来十年的愿景和路径)。 这次没有获奖的同学不要灰心,后续我们将继续推出一些非常有价值的线上线下奖品作为奖励。希望各位同学持续参与到社区的建设中来,为社区提供更多优质的文章,回答和建议,也希望大家在社区互帮互助,共同进步。
2019-05-05 - 小程序 地区选择 四联动
----------在线API版 代码片段 https://developers.weixin.qq.com/s/b56aoYm77p4e 请将 https://fts.jd.com/ 加入合法域名 ------离线数据 版 https://developers.weixin.qq.com/s/cn676Ymb7x4o 由于数据1M多 不能上传代码片段 所以压缩 导入 解压 libs/area.zip 地区数据来源于 京东 有港澳台 钓鱼岛 等等 大部分地区只能三联动
2018-12-27