
微信小程序
微信小程序开发常见问题
前端梦想家
有丰富的前端经验,可以加wx:qdw1370336125,相互学习,一起进步
展开
-
一招搞定微信小程序ScrollView等组件高度自适应
你还在为 scroll-view 高度自适应问题而惆怅吗?你还在为 swiper 高度自适应而挠头吗?接下来,跟着我一招撸了他们!简介众所周知,scroll-view 和 swiper 是微信自带的两个非常常用的两个组件,当然也非常好用,但是好用的前提是你得先给他们设置固定的高度,我们来看看官网是怎么说的:如上图所示,官网明确提出了,scroll-view 是需要设置固定高度的。设置定高按照官网的提示,我们来给scroll-view设置高度:<view> <view cl原创 2020-07-09 09:05:06 · 16104 阅读 · 24 评论 -
如何用原生微信小程序的swiper和swiper-item写一个问卷调查,或者是轮播图
废话不多说,先上完成的结果图,如果觉得,功能跟你的相似,或者觉得有帮助,那么就继续阅读,copy代码,如果觉得有出入,也可以看看思路。完成的功能:根据后端返回值,渲染问卷题目及题目对应的选项,可以是单选,可以是输入框。禁止用户用手向左向右滑动问卷调查点击上一题跳转上一题,点击下一题,跳转下一题,最后一项是提交展示完成的进度当用户尚未选择或者输入,则弹出弹框,提示用户先输入用户选择后高亮对应item用户选择后,将选择的结果保存,最后提交最终的结果数组后端返回的问卷数据格式如下图所示:原创 2020-07-04 17:46:28 · 709 阅读 · 1 评论 -
微信小程序scroll-view横向滚动显示不全,及子元素纵向排列问题
一句话,scroll-view的子元素要inline-block,父元素white-space: nowrap;就可以横向排列。但是这个时候,子元素有最后一个元素有可能是显示不全的,需要在scroll-view加上overflow: scroll;。就可以完美解决问题,直接上代码吧。本人亲自踩此坑,如有帮助,请点赞哦,好用不点赞就是耍流氓,哈哈,白嫖。<view class="title-con"> <view class="conclude-title">原创 2020-06-25 11:02:18 · 4281 阅读 · 1 评论 -
微信小程序,判断页面来源,从一个页面返回并传递参数
从一个页面进入另一个页面,通过一系列操作,得到了一些参数,这时候,我们需要返回上一级,并传递参数,通过调研,主要的方法有一、通过Url的query传递参数const url = `/pages/school/school?recommend_type=${idx}` wx.navigateTo({ url: url }) }这种方法可以在任意场景中实现向任意页面传递参数,主要的不足是,只能传递简单的string或者number,对于复杂的如对象和数组,则需要通过JSO原创 2020-06-15 21:43:24 · 3966 阅读 · 1 评论 -
微信小程序input输入框关键字自动联想及关键字高亮
找了好多博客都没有找到关于小程序,模糊查询,自动联想,和关键字高亮显示的文章,没办法,自己造吧。本文采用的是动态联想,即在input框中输入关键字后,将关键字作为条件去数据库查询,然后将所有查询结果以json格式返回给小程序的js文件,最后用关键字去匹配返回结果,并将结果中的关键字高亮显示。具体效果如下图所示:不说其他废话了,直接上干货:js文件// pages/search/search.jsPage({ data: { // 模糊查询时长 timer: 0, //原创 2020-06-11 19:55:04 · 5626 阅读 · 5 评论