小程序
文章平均质量分 72
分享小程序开发实战相关案例
z.week
技术驱动创新
展开
-
微信小程序input type=nickname不能触发隐私政策?小程序隐私协议开发指南之nickname权限篇
对于 input type=“nickname” 组件,由于 input 的特殊性,如果用户未同意隐私协议,则input type=“nickname” 聚焦时不会触发 onNeedPrivacyAuthorization 事件,而是降级为 input type=“text”,导致不能拉起微信昵称。为规范开发者的用户个人信息处理行为,保障用户合法权益,微信要求开发者主动同步微信当前用户已阅读并同意小程序的隐私政策等收集使用规则,方可调用微信提供的隐私接口。接下来看实现代码:(基于uniapp)原创 2023-11-30 15:06:44 · 1711 阅读 · 0 评论 -
微信小程序页面返回操作拦截
小程序如果在页面内进行复杂的界面设计(如在页面内弹出半屏的弹窗、在页面内加载一个全屏的子页面等),用户进行返回操作会直接离开当前页面,不符合用户预期,预期应为关闭当前弹出的组件。为此提供“假页”容器组件,效果类似于 popup 弹出层,页面内存在该容器时,当用户进行返回操作,关闭该容器不关闭页面。目的是重写左上角返回按钮,可以加入自己的业务判断拦截。在页面内容外组件 page-container 组件。首先要在 pages.json 文件加配置。重写navigationBar。原创 2023-04-06 17:18:15 · 3768 阅读 · 1 评论 -
微信内H5页面跳转小程序
如果所使用的标签允许提供插槽,由于插槽中模版的样式是和页面隔离的,因此需要注意在插槽中定义模版的样式。另外,对于具名插槽还需要通过slot属性声明插槽名称,下文标签插槽中的default插槽为默认插槽,可不声明插槽名称。已认证的非个人主体的小程序,使用小程序云开发的静态网站托管绑定的域名下的网页,可以使用此标签跳转任意合法合规的小程序。已认证的服务号,服务号绑定“JS接口安全域名”下的网页可使用此标签跳转任意合法合规的小程序。系统版本要求为:iOS 10.3及以上、Android 5.0及以上。原创 2021-04-23 10:02:17 · 815 阅读 · 0 评论 -
兼容uniapp在小程序端IOS圆角不生效的问题
/* 兼容IOS圆角 */.br {-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);}原创 2020-09-14 10:21:28 · 1288 阅读 · 0 评论 -
小程序页面自定义顶部到航栏
小程序顶部到航栏可全局设置也可以局部设置全局设置只需在app.json中window对象添加"navigationStyle": “custom"配置,然后每个页面的顶部导航条都是自定义的局部设置(单个页面),在你需要自定义的页面的json文件中添加"navigationStyle”: "custom"配置即可下面上代码首先获取顶部导航栏的高度,注意ios和安卓的高度不一样 cus...原创 2019-12-30 09:35:58 · 358 阅读 · 0 评论 -
微信小程序request请求封装,并可设置防抖
请求函数加入防抖功能:有两种防抖效果,根据自己需求使用。页面中使用函数:先在app.js引用,方便调用。request请求封装基于promise。看下防抖效果(上图)原创 2019-10-17 11:00:32 · 995 阅读 · 1 评论 -
小程序使用iconfont自定义图标
小程序如何使用icon图标,很简单,首先进入阿里图标库,找到你所需要的图标加到项目中,然后下载到本地下载之后解压文件,目录如下然后利用transfonter解压成我们需要的base64的文件格式,https://transfonter.org/进入网站,添加需要加压的文件添加刚下载的icon图标,找到 iconfont.ttf ,选择添加添加之后打开base64转码,然后点击 ...原创 2019-08-10 10:13:12 · 725 阅读 · 0 评论 -
小程序下滑触底,切换页面
小程序项目需求,触底后上滑切换页面,下滑取消切换。用到touch事件,分别绑定touchstart、touchmove、touchend事件wxml代码<view class="section" bindtouchstart="handletouchtart" bindtouchmove="handletouchmove" bindtouchend="handletouchend"&g...原创 2019-08-02 13:29:44 · 1293 阅读 · 0 评论 -
小程序实现日期上一天、下一天切换
# js实现小程序日期切换(上一天、下一天)项目中有类似日期切换需求,所以把它记录下来# data数据 data: { date: '今天', targetNum: 0, nextNum: 0 },# 封装日期处理函数 showdate(n) { // 日期切换处理函数 返回时间格式 YYYY-MM-DD va...原创 2019-07-04 22:08:03 · 3285 阅读 · 2 评论 -
小程序scoll-view锚点定位
小程序scoll-view锚点定位:<view class='flex content section'>// 左边栏布局 <view class='left'> <view catchtap='anchor' data-opt='zhichangUp' class="item {{ toTab=='zhichangUp'?'active'...原创 2019-06-28 12:46:22 · 358 阅读 · 0 评论