![](https://img-blog.csdnimg.cn/20210906154344467.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
微信小程序
文章平均质量分 60
微信小程序相关使用
向前有光
没有什么是不需要努力就能获得的!
展开
-
微信小程序与uniapp中 px与rpx 相互转换
转载:https://blog.csdn.net/u013350495/article/details/1084524941、rpx 转 pxuniapp 内置了 rpx 转 px 的方法,源码见下方:// 100 为 100rpx的值var px = uni.upx2px(100);2、px 转 rpx由于 uniapp 已经有 upx2px 的方法,可以简单的得出反向取值的公式,源码见下方:// 200 为 px 的值,后面的两个 100 为计算比例使用var rpx = 200/(u转载 2021-05-27 16:26:50 · 2710 阅读 · 0 评论 -
微信小程序扫二维码折中进入体验版
我需要扫码进入对应版本的小程序,而使用微信的扫一扫是直接进入到线上环境,所以这儿做了一个折中的办法,不一定用微信的扫一扫,小程序本身也有扫一扫的api,既然这样的话,小程序可以调用相机扫一扫进行扫描二维码。在原先的小程序项目里写一个按钮,通过调用 wx.scanCode(Object object) 方法,打开相机,扫小程序码,成功获取页面链接// 允许从相机和相册扫码wx.scanCode({ success (res) { console.log(res) wx.navi原创 2020-09-27 01:07:45 · 1832 阅读 · 0 评论 -
微信小程序ios可以上下左右拖动的问题
page { width:100%; overflow-x:hidden;}原创 2020-09-16 15:45:14 · 1916 阅读 · 1 评论 -
uniapp中搜索输入与频繁点击(防抖节流)
防抖就是(当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次,如果设定的时间到来之前,又一次触发了事件,就重新开始延时,销毁上一次的定时器) // 防抖操作 const self = this; //频繁点击的时候销毁上一个定时器 clearInterval(self.tiems); //当没有频繁点击后,最后执行的定时器 self.tiems = setTimeout(() => { //里面写执行代码 }, 1000)...原创 2020-12-10 14:05:10 · 2027 阅读 · 0 评论 -
uniapp中自定义返回和物理返回
在pages.json中可以使用自己去找的图标样式{ "path": "pages/myOrder/myOrder", "style": { "navigationBarTitleText": "我的订单", "navigationBarBackgroundColor":"#fff", "app-plus": { "titleNView": { "autoBackButton":"false", "buttons"原创 2020-11-27 14:16:51 · 2483 阅读 · 0 评论 -
微信小程序/uni-app 封装请求
//现在我们在config.js 文件下面(这个文件名字是自己命名的哈)//分别针对 get 和 post 进行一个公共 uni.request 请求的封装,每个方法传了2个参数,url 和 data ;(一个是接口地址,一个是参数)const commonUrl = ‘xxxxx‘;//公共路径//post 封装function postRequest(url,data){ var promise = new Promise((resolve,reject)=>{ v原创 2020-06-13 11:12:00 · 1922 阅读 · 1 评论 -
微信小程序eventChannel页面间事件通信通道
可以运用在父子组件或点击下一个页面传值回上一个页面一、当前页面跳转下一页注册监听 events,监听被打开页面的回调wx.navigateTo({ url: 'home?id=1', <!-- events 监听被打开页面发送到当前页面的数据 --> events: { <!-- 给指定事件添加监视器,获取被打开页面传回当前页面的数据 --> <!-- 被打开页面进行回调 --> accessDataForm: function(d原创 2020-09-19 15:06:35 · 2900 阅读 · 0 评论 -
微信小程序实现字体渐变
其实我觉得这里用了一点偷换概念的思想,与其是说让字体颜色font-size渐变,不如说是控制background的渐变(因为font-size并没有linear-gradient()的属性)色,再将字体颜色置透明,那么就可以达到想要的效果了。.gradient-text { font-size: 74rpx; font-weight: bold; background: linear-gradient(to right, #1ae8c8, #4a8aff); -webkit-backgro转载 2020-09-19 11:12:31 · 2149 阅读 · 0 评论 -
微信小程序换肤功能
在手机、电脑使用频率如此高的当下,应用可以更换皮肤,以提升美观性,并减轻屏幕对眼睛的刺激,无疑对用户体验有很大的帮助下面为更换皮肤效果图实现功能要实现如上更换皮肤的效果,有几个思路:准备皮肤相关的wxss,引入到app.wxss中,方便每个页面使用;设置皮肤时,动态改变wxml中元素的类名或id,使页面应用对应的皮肤;将选中皮肤的值保存在小程序本地缓存中,保证其他页面及下一次打开小程序时,页面展示正确的皮肤;下面介绍一些实现的细节wxml<view class="page" id=转载 2020-08-30 15:51:18 · 427 阅读 · 0 评论 -
scroll-view实现自定义下拉刷新
使用scroll-view标签refresher-enabled=“true” 开启下拉刷新refresher-triggered 设置当前下拉刷新状态,true 表示下拉刷新已经被触发,false 表示下拉刷新未被触发bindrefresherrefresh 自定义下拉刷新被触发事件bindscrolltolower 滚动到底部触发事件页面定义<scroll-view class="content" style="width:100%;height:100vh;"原创 2020-08-28 18:17:17 · 3290 阅读 · 4 评论 -
微信小程序登录,后端获取信息的问题
1,后端和前端要有一致的appid和appsecret2,小程序必须要绑定微信开放平台3,小程序进行认证原创 2020-07-01 13:33:34 · 416 阅读 · 0 评论 -
微信小程序修改样式弹框wx.showModal
由于官方API提供的显示模态弹窗,只能简单地显示文字内容,不能对对话框内容进行自定义,欠缺灵活性,所以自己从模态弹窗的原理角度来实现了自定义的模态对话框。wx.showModal修改样式后的效果,如下图所示:index.wxml代码:弹窗<view class="modal-mask" bindtap="hideModal" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view><view转载 2020-06-12 17:11:57 · 4490 阅读 · 0 评论 -
自定义顶部菜单navigationBar方式
前言:开发中,设计师也是奇思妙想,把小程序顶部的默认菜单改成了自己觉得好看的样式,改了返回icon的样式,加了各种返回首页、收藏、什么鬼的按钮,甚至把胶囊按钮都给改了~~~,好吧,遵从设计师的审美,盘他(除了胶囊按钮)(本文字数较多,因为我把每一步都分的很细,都写出来了,望客官细品,仔细品)要点概述:(助于童鞋们更好的理解)1.小程序默认的navigationBar是占据手机顶部区域的,小程序的页面内容page的显示区域是从navigationBar之下开始,如下图,红框圈出来的就是小程序默认的nav转载 2020-06-12 17:07:13 · 2088 阅读 · 0 评论