liwp@召隆企博汇

getCurrentPages()的使用

liwp — Tue, 21 Jul 2020 09:25:53 +0000

getCurrentPages() 函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。注意：不要尝试修改页面栈，会导致路由以及页面状态错误。不要在 App.onLaunch 的时候调用 getCurrentPages()，此时page 还没有生成。熟悉页面栈后才能更好的使用getCurrentPages()，下面将 ...

vue 实现滑动底部加载

liwp — Sat, 04 Jan 2020 11:24:10 +0000

使用vue实现页面中某块区域滑动到底部加载数据。 1、给要滑动的部分绑定滑动监听事件  <div class="goodLists" @scroll="scrolltobottom"> <div class="goodItem" v-for="product in productList" @click="goToPage('goodsdetail',product.code)"> ...

小程序实现商品数量加减案例

liwp — Sat, 04 Jan 2020 08:35:33 +0000

用微信小程序原生代码实现商品数量加减。 1、页面布局 < view class = " stepper " >  < text class = " sign {{num <= 1 ? 'disabled' : 'normal'}} " bindtap = " delCount " data-index = " { {index}} " ...

vue父子元素绑定事件叠加的解决方法

liwp — Sun, 29 Dec 2019 12:21:26 +0000

问题描述: 父子元素分别绑定了不同的点击事件,点击子元素,同时触发父子元素的点击事件解决方案: 阻止父元素冒泡 @node-click.stop="getUserList" @click改为@click.stop

Swiper常用属性记录

liwp — Sun, 29 Dec 2019 12:18:07 +0000

var swiper = new Swiper ( '.swiper-container' , { direction : 'horizontal' , // 默认是横向，可以设置竖向 vertical Slides 的滑动方向，可设置水平 (horizontal) 或垂直 (vertical) 。 history : ...

swiper的简单使用教程

liwp — Sun, 29 Dec 2019 11:59:51 +0000

什么是swiper? Swiper常用于移动端网站的内容触摸滑动 Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！ 1.首先加载插件 ...

apicloud实现单个页面横屏，其他竖屏

liwp — Sun, 29 Dec 2019 11:43:00 +0000

apicloud设置页面横屏只需设置下页面监听： api.addEventListener({ name:'viewappear' }, function(ret, err){ api.setScreenOrientation({ orientation: 'auto_landscape' ...

小程序返回上一个界面并传值回去

liwp — Sat, 21 Dec 2019 09:13:50 +0000

小程序中并没有监听返回按钮的事件，但是点击后退的时候，界面会执行对应的生命周期函数，在该函数里面执行数据回调操作就可以实现点击后退并返回更新数据了。 /* * * 生命周期函数--监听页面卸载 */ onUnload: function () { var that = this; va ...

小程序 JS动态修改样式

liwp — Sat, 14 Dec 2019 12:13:25 +0000

小程序 JS动态修改样式不能用js或者jq 轻轻松松一行代码搞定。或者用removeClass addClass 来修改样式。 test.wxml <view style="text-align: center;"> <label style="color:{{color}};">我会变色</label> <button bindtap="clickRed">变红</button> <button bindtap="clickgreen">变绿</button> </vie ...

小程序自定义年月日时选择器

liwp — Sat, 14 Dec 2019 11:07:27 +0000

erp项目中选择时间需要精细到小时，而在小程序官方提供的picker组件只有选择年月日或是时分秒，于是百度寻求帮助。原文链接： https://blog.csdn.net/the_old_boy/article/details/90409481 原文是精细到秒的，而我只需精细到时，于是做了修改。前端代码： JS代码：选项列表初始化并赋值（我这边定 ...

小程序解决滑动弹出框时，根页面page会跟着滑动的问题

liwp — Fri, 13 Dec 2019 01:59:12 +0000

1、弹窗背景使用fixed定位，占满全屏，设置半透明 2、设置弹窗最上层view的属性catchtouchmove=“return” 3、在弹窗里面具体显示的内容使用scroll-view，并注意设置scroll-view的高度 4、再给scroll-view设置属性scroll-y，就可以了。(ps：切记一定要设置scroll-y，否则将不会起任何效果，导致scroll-view不 ...

判断页面是通过链接打开还是通过后退按钮返回打开的

liwp — Wed, 11 Dec 2019 02:16:57 +0000

window.addEventListener('pageshow', function (event) { if(event.persisted || window.performance && window.performance.navigation.type == 2){ console.log('window.performance.navigation.type: '+ window.performance.navigation.type) ; // location.refresh(); //此处可以写你的实际应用的代 ...