小程序
微笑吧LP
希望就在云后面!
展开
-
小程序 navigateBack传参数
思路,直接更新上页数据小程序let pages = getCurrentPages()let currPage = pages[pages.length - 1] //当前页面let prevPage = pages[pages.length - 2] //上一个页面//直接调用上一个页面的setData()方法,把数据存到上一个页面中去prevPage.setData({ test:"test"})wx.navigateBack()uniapplet pages = g原创 2021-08-06 14:06:30 · 3196 阅读 · 0 评论 -
css 阴影
参考:CSS阴影样式大全(包含所有样式: demo代码全)看图看代码_boy火巨的博客-CSDN博客_css阴影转载 2021-07-27 19:31:03 · 131 阅读 · 0 评论 -
小程序 ios 视频黑屏
组件video中 加custom-cache="{{false}}" 解决<video src="" custom-cache="{{false}}"></video>原创 2021-06-30 18:47:02 · 758 阅读 · 0 评论 -
小程序 实现返回顶部
示例代码demo.wxml<view class="card">顶部</view><view class="card" wx:for="{{5}}" wx:key="id"> {{index}}</view><view class="card">底部</view><view class="to-top" wx:if="{{goTop}}" catchtap="goTop">去顶部</v.原创 2021-05-07 18:07:12 · 2336 阅读 · 0 评论 -
小程序/JS 实现计时器
<view>{{hour}}:{{minute}}:{{second}}</view><button bindtap="start">开始</button><button bindtap="stop">结束</button><button bindtap="reload">重置</button>var timerInterval;Page({ //页面的初始数据 data: {...原创 2021-03-30 14:33:13 · 490 阅读 · 0 评论 -
小程序 wx.request封装
/util/http/request.js 封装/** * 网络请求的公共方法 * 1.基本方法 * 2.为了后续获取数据方便。promise处理:fetch axios基于promise * 3.对获取数据的状态处理: loadding toast * 4.对请求头的处理。机型、大小、系统、屏幕 */let system = wx.getSystemInfoSync()const clientInfo = { 'clientType': 'cli...原创 2021-03-01 19:18:25 · 259 阅读 · 1 评论 -
小程序 自定义组件 弹框modal
模仿 微信API wx.showModal 封装了自定义modal组件。参考https://blog.csdn.net/qq_37268201/article/details/85252318做了下升级。效果如下。 定义组件跟目录下创建一个components文件夹存放所有的组件modal.wxml:<!--components/model/model.wxml--><view class='modal-mask' wx:if='{{show}}' b...原创 2021-02-22 16:23:31 · 829 阅读 · 0 评论 -
小程序 一些问题及解决方案
最近开发小程序发现video第二次不能自动播放,网上找资料迟迟不能解决后突发奇想会不会是隐藏元素的原因,经测试发现 竟是 hidden 原因本人出现这种情况原因:元素隐藏使用了 hidden,改为 wx:if 即可...原创 2021-01-25 20:15:52 · 793 阅读 · 5 评论 -
小程序 button 宽高样式不能更改的解决方法
微信小程序button样式不生效的解决方法解决方案一(推荐):加 !importantbutton{ width: 150rpx !important; height: 60rpx !important; line-height: 60rpx !important; margin: 0 !important; padding: 0 !important; font-size: 24rpx !important;}解决方案二:内联样式修改:<butt原创 2020-08-05 16:56:11 · 1182 阅读 · 2 评论 -
小程序 flex-direction: row遇见wx:for无效的问题
小程序中,flex-direction: row遇见wx:for无效的问题原代码:<view class="flex-wrap" wx:for="{{data-list}}"> <view class="flex-item">{{item}}</view></view>.flex-wrp{ display:flex; flex-direction: row; background-color: #FFFFFF;}原创 2020-08-05 11:18:22 · 1110 阅读 · 0 评论 -
小程序 解决App.js和index.js异步问题(Promise解决)
微信小程序App.js中的onLaunch 与 其他页面中的onload异步问题: 有时候发现App.js中的onLaunch中代码没执行完时,index中的onload已经执行完了,可能会出现index需要globalData数据 不如所愿。现在暂时用Promise方法解决理解:var promise = new Promise(function(resolve, reject) { if (/* 异步操作成功 */){ resolve(value); } else {...转载 2020-07-30 19:49:09 · 2761 阅读 · 1 评论 -
小程序 防止多次点击之函数节流和函数防抖
函数节流: 英文throttle有节流阀的意思。大致意思也是 节约触发的频率那么,函数节流,真正的含义是:单位时间n秒内,第一次触发函数并执行,以后 n秒内不管触发多少次,都不执行。直到下一个单位时间n秒,第一次触发函数并执行,这个n秒内不管函数多少次都不执行。用处:多用于页面scroll滚动,或者窗口resize,或者防止按钮重复点击等情况函数防抖: 英文debounce有防反跳的意思,大致就是指防止重复触发。那么,函数防抖,真正的含义是:延迟函数执行。即不管debounce...转载 2020-07-22 13:52:42 · 981 阅读 · 0 评论 -
小程序 授权登录
之前微信授权登录时是直接可以通过getUserInfo接口 弹出授权弹窗。由于微信官方修改了 getUserInfo 接口,所以现在无法实现一进入微信小程序就弹出授权窗口,只能通过 button 去触发效果图:.js代码const app = getApp()Page({ data: { userInfo: {}, isHide: false, //判断小程序的API,回调,参数,组件等是否在当前版本可用。 canIUse: wx....原创 2020-07-15 19:31:30 · 572 阅读 · 0 评论 -
微信小程序 setTimeout 调用函数
微信小程序setTimeout定时执行函数setTimeout 内执行代码setTimeout(function () { console.log('123')}, 2000)setTimeout 内调用函数setTimeout(this.funcA, 2000)funcA: function () { console.log('funcA')},OK.原创 2020-05-12 14:21:20 · 10606 阅读 · 0 评论 -
微信小程序 获取位置信息
获取用户地理位置信息 (微信小程序获取经纬度;腾讯地图逆解析;):1.申请开发者密钥(key)与设置 / 下载微信小程序JavaScriptSDK2.打开授权,配置app.json文件{ "pages": ["pages/index/index"], "permission": { "scope.userLocation": { "desc": "请...原创 2020-04-16 17:18:55 · 593 阅读 · 0 评论