![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
__仰望
这个作者很懒,什么都没留下…
展开
-
CSS布局设置如何才能做到左边滑动右边不动,右边滑动左边不动
最近有个小东西,分类筛选左侧超出了固定高度,想要他两边滚动但是不影响又右边的内容区域注意这里是微信小程序的,但是大同小异先看来看看效果其实实现方式很简单两个属性搞定的事当然我这里在左侧的最外层盒子中使用position: fixed; + overflow: auto; + float: left;搞定了。.side-tab{ position: fixed; height: 100%; overflow: auto; float: left;}如果想去去掉左侧滚动条可以设.原创 2020-06-22 16:19:29 · 6719 阅读 · 1 评论 -
uni-app微信小程序onPageScroll事件中使用节流函数无效解决方案
最近做一个微信小程序图片懒加载的方法,在onPageScroll事件中直接添加了节流函数并执行,但是并没有节流,一顿检查测试节流函数和自己需要节流的函数都是没有问题,居然在节流函数中没有走return函数,因此没有调用成功,开始时这么写的,按照普通正常的操作:节流函数:export function throttle(fn, gaptime) { if (gaptime == null || gaptime == undefined) { gaptime = 200 } let _last.原创 2020-06-20 17:56:07 · 3782 阅读 · 2 评论 -
uni-app微信小程序分享,点击跳转到分享详情页
onShareAppMessage() { return { title:this.paper.book_name, //分享标题名称 path: `/pages/paper/paper?book_id=${this.paper.book_id}`,//根据id跳转相应内容详情页中,数据更据id请求得到的话,必须添加参数 imageUrl:this.paper.image_url,// 分享封面图片 success(res){ // 分享成功回调 this.$uniApi.showT原创 2020-06-11 13:04:24 · 6838 阅读 · 0 评论 -
uni-app微信小程序使用Swiper实现公告滚动效果
我们来先看看效果图:<view class="notice" v-if="noticeList.length"> <text class="left">系统公告</text> <swiper class="swiper-nav" :circular="true" vertical="true" :autoplay="true" :interval="5000" :duration="1000"> <swiper-item style="dis原创 2020-06-04 18:24:10 · 5091 阅读 · 3 评论 -
uni-app返回后上个界面刷新数据(登录成功后返回刷新)
//成功回调success(res) { setTimeout(()=>{ let page = getCurrentPages().pop(); if (!page) return; page.onLoad(); },1500)}原创 2020-06-03 12:55:02 · 4757 阅读 · 0 评论 -
微信小程序实现自动scroll到元素位置
_getItemTop() { let _this = this let getDistance = [] let srocllArray = ['.name-top', '.phone-top', '.wxcode-top', '.location-top', '.region-top', '.wrokstatus-top', '.education-top', '.i...原创 2020-04-07 21:39:55 · 633 阅读 · 0 评论 -
微信小程序 iPhone 11、iPhoneX 底部安全区域(底部小黑条)适配
1.在app.js的onLaunch函数内调用wx.getSystemInfo,获得手机型号res.model,并存储为全局变量:let _this = this; wx.getSystemInfo({ success: res => { let modelmes = res.model; console.log(res.model) ...原创 2020-04-03 23:50:53 · 5036 阅读 · 0 评论 -
微信小程序跑马灯制作
.wxml文件 <view class="example"> <view class="marquee_box"> <view class="marquee_text" style="{{orientation}}:{{marqueeDistance2}}px;font-size: {{size}}px;"> <te...原创 2020-01-19 19:20:57 · 246 阅读 · 0 评论 -
微信小程序去除默认button样式
样式文件中添加下面button::after {border: none;}button {background-color: transparent;padding-left: 0;padding-right: 0;line-height:inherit;}button {border-radius:0;}原创 2020-01-19 19:11:23 · 451 阅读 · 0 评论 -
小程序API接口chooseLocation获取省市区
//page/API/pages/choose-location/choose-locationPage({ data:{}, onLoad:function(options){ // 页面初始化 options为页面跳转所带来的参数 }, bingAddressTap:function(){ var that = this; ...转载 2020-01-11 14:54:23 · 2587 阅读 · 3 评论 -
Unexpected token o in JSON at position 1 -----------小程序如何将对象用参数的形式传值,用options正确接收
路径传参应该以字符串的形式传递,这时候问题来了当跳转到about-us页面的时候。打印的时候只是一个对象,值并未看到,只有一个对象尝试使用对象转字符API还是不行解决办法先试用 JSON.stringify()方法将对象转为字符串传递this.data.jumpData = JSON.stringify(this.data.jumpData)**在跳转页面中通过options拿...原创 2019-12-23 15:38:57 · 376 阅读 · 0 评论 -
微信小程序如何使用自定义导航栏,隐藏本身在json设置的导航栏
在app.js的onLoad()函数中添加wx.hideTabBar即可原创 2019-05-09 15:29:16 · 1099 阅读 · 0 评论 -
微信小程序实现文字从右往左无限滚动(类似公告)
页面代码及css代码<view class="message-title" animation="{{animationData}}"> {{announcementText}} </view>.message-title { height: 100rpx; line-height: 100rpx; background-color: pink...原创 2019-04-24 10:48:38 · 6184 阅读 · 0 评论 -
微信小程序如何修改轮播图的标点
直接在wxss样式添加按自己需求修改即可.swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal { margin-bottom: 18rpx;}.swiper-box { overflow-x: hidden; border-radius: 5rpx;}.swiper-box .wx-swiper-dot { wid...转载 2019-02-23 10:08:23 · 545 阅读 · 0 评论 -
微信小程序点击加入购物车小球跳入动画
直接上js文件 /*加入购物车动效*/ _flyToCartEffect:function(events){ //获得当前点击的位置,距离可视区域左上角 var touches=events.touches[0]; var diff={ x:'25px', y:25-touch...原创 2019-02-23 10:14:45 · 7067 阅读 · 5 评论 -
微信小程序如何封装wx.request请求封装步骤(基于面对对象)
步骤1.新建utils文件夹(微信小程序自带),在utils下创建base.js(名字可以由自己来定)。2.封住代码.`class Base {constructor() {this.baseRequestUrl = “http://123.cn/” //封装服务器接口路径,方便修改}reuqest(params) { //将所有request中需要用到的放进params参数中va...原创 2019-02-23 18:29:39 · 1222 阅读 · 0 评论 -
微信小程序页面跳转无效
原因1.检查你要跳转的位置是否在app.js中注册过。2.检查你要跳转的地址是否有误。经常都是因为少写或者多写使得跳转无效。3.检查你要跳转的位置是否位于TabBar中,如果是的话,要使用wx.switchTab 来跳转界面...转载 2019-02-25 10:30:16 · 948 阅读 · 0 评论 -
微信小程序遮罩样式设置
.banner { width: 100%; background: rgba(0, 0, 0, 0.4); position: fixed; top: 0; height: 100%; z-index: 99;}原创 2019-02-26 10:02:31 · 2170 阅读 · 0 评论 -
微信小程序倒计时功能
var that=this; this.data.intervarID= setInterval(function () { var leftTime = (new Date(2017, 6-1, 28, 17, 40, 0)) - (new Date()); //计算剩余的毫秒数 var days = parseInt(leftTime / 1000 / 60 ...转载 2019-03-16 16:45:28 · 279 阅读 · 0 评论 -
关于微信小程序that.setData is not a function解决原有
先来看看我之前报错的源代码第一次用this不行,结果用that保存this指向,还是会报错。最后解决方案为,讲var that = this;改变为全局即可快去试试吧~...原创 2019-04-22 17:03:55 · 8416 阅读 · 2 评论 -
微信小程序将请求用户信息保存到缓存中,判断用户是否授权
第一调用API wx.request请求![在这里插入图片描述](https://img-blog.csdnimg.cn/20190418105627839.png)调用API wx.setStorageSync 之后就可以将用户信息存入缓存中了第二 onReady: function() { this.setData({ userInfoAll: wx.getSt...原创 2019-04-18 11:03:22 · 5772 阅读 · 0 评论 -
微信小程序动画Animation的实现及执行步骤
创建动画实例 var animation = wx.createAnimation({ duration: 200, //动画的持续时间 timingFunction: "linear", // 动画的效果设置为平均 delay: 0 //动画延迟时间无 })调用animation实例方法来描述动画this.animation = ...原创 2019-04-23 15:43:33 · 7494 阅读 · 0 评论 -
微信小程序修改radio组件自定义选中、未选中样式
radio .wx-radio-input { /* 自定义样式.... */ height: 24rpx; width: 24rpx; margin-top: -4rpx; border-radius: 50%; border: 2rpx solid #999; background: transparent;}radio .wx-radio-input.wx-...原创 2019-04-28 17:41:11 · 3320 阅读 · 1 评论 -
微信小程序如何在设置轮播图时滑动可以完美衔接(图片最后一张和第一张可以衔接滑动)
例子 css代码.swiper-item{overflow-x: hidden;}这样就可以啦!~原创 2019-02-22 22:45:53 · 7020 阅读 · 2 评论