![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
大风_123
这个作者很懒,什么都没留下…
展开
-
小程序 web-view 如何给外链接的 h5 页面传递参数和值
<web-view src="{{url}}?id={{id}}&token={{token}}&member={{member}}&paused={{paused}}" ></web-view>然后在链接的 h5 页面使用正则解析出 src 中所带的一些参数和值,比如下面这段代码: console.log(window.locati...转载 2019-01-02 12:07:51 · 1669 阅读 · 0 评论 -
微信小程序之多列表的显示和隐藏功能
显示和隐藏.gif实现思路:实现单个列表的显示和隐藏应该使用唯一元素让程序知道你应该显示和隐藏哪个列表项,可以用数据的id;css中定义一个hidden{display:none}控制显示和隐藏,然后通过三元运算符来判断;wxml定义一个点击事件来动态修改这个列表项的变量值。功能实现:好了,思路有了,就开始按照思路来用代码验证。果不其然,使用代码实现之后,发现自己的思路还是没错的。此功能点也可以应...转载 2018-06-26 19:17:49 · 6066 阅读 · 1 评论 -
微信小程序 - 小bug
1. /* 去除button边框 */.trackMap_detail-share::after{border: none;}2. 绝对不能少了 open-type='share'3、英文字符在text不换行问题只要添加以下两行:word-break:keep-all;word-wrap:break-word; ...原创 2018-07-05 19:07:54 · 255 阅读 · 0 评论 -
弹窗
蒙层view中绑定的preventTouchMove函数是一个空函数,使用了catch事件,目的就是阻止touchmove这样一个冒泡事件继续向下传递。 蒙层的wxss样式中,指定其大小为100%以占满整个屏幕。 模态对话框与蒙层的wxss样式中均有z-index属性,为的是保证对话框始终浮在蒙层的上方(即对话框的z-index始终要比蒙层的大) 1. 构建一个蒙层(mask),使得背景...转载 2018-07-20 09:24:17 · 140 阅读 · 0 评论 -
小程序 canvas 分享到朋友圈
1. 获取用户设备信息,屏幕宽度wx.getSystemInfo({success: res => {console.log(res);that.setData({screenWidth: res.screenWidth,screenHeight: res.screenHeight,});}});2. 实现过程中要注意的点:1、如果是请求网络图片的...转载 2018-08-10 18:22:49 · 486 阅读 · 0 评论 -
scroll-view --上拉加载--多次触发
之前那篇博客里边写了滑块的margin属性影响了滑动效果。这篇文章写一下上拉时多次触发上拉加载事件。(改好的代码如下)其实也比较简单,就是有可能没有意识到这个小细节。在官方文档中有这么一个属性(如图)。这个属性是设置距离底部多少距离是触发事件。我们吧这个属性设置成0就可以了。只有上拉到最底部才会触发。...转载 2018-08-28 15:45:02 · 3421 阅读 · 0 评论 -
小程序 -- 吸顶效果
wxml部分<view class=" {{menuFixed ? 'fixed': ''}}" id="affix">菜单栏</view>wxss部分.fixed{position: fixed; top: 0; }js部分onShow: function () {var that = this;var query = wx.create...转载 2018-09-03 18:14:12 · 1016 阅读 · 0 评论