微信小程序
Skye Lin
话不多说,放码过来
展开
-
微信小程序学习笔记
1.问题:做项目的时候,点击input标签很难获取到焦点进行输入解决办法:鼠标长按即可2.问题:wx.navigateTo页面不跳转原因:我想要跳转到的目标页面含有tabBar底部菜单栏解决办法:将wx.navigateTo换成wx.switchTab3.问题:怎样限制显示文字的长度,超出长度显示省略号解决办法:CSS设置 text-indent:2em; /*首行...原创 2018-12-27 20:40:51 · 159 阅读 · 0 评论 -
微信支付wx.requestPayment成功回调函数success里的页面跳转不执行
在微信小程序中用微信进行支付时,支付成功后点击完成并没有执行success里的页面跳转,查了很多资料并没有找到解决办法wx.requestPayment({ 'timeStamp': '', 'nonceStr': '', 'package': '', 'signType': 'MD5', 'paySign': '', 'success':function...原创 2019-07-13 10:46:50 · 7329 阅读 · 4 评论 -
微信小程序(四):通过list列表跳转详情页
1.难点:怎么知道用户点击的是list中的哪一条数据?方法一:在template外for循环里通过for循环的index获取将index赋值到data-studentId,data-后面的变量名是不区分大小写的,获取值的时候只能用小写获取。控制台根据我点击打印出来的index:方法二:在template里通过for循环的index获取(与方法一类似,只是catchta...原创 2019-07-23 17:18:27 · 8509 阅读 · 0 评论 -
微信小程序(五):上滑加载更多和下拉刷新的实现
1.准备工作由于要演示上滑加载更多,所以此处换用豆瓣的API。在微信公众平台-》开发-》服务器域名进行配置。本来是要配置https://api.douban.com的,但是控制台报错403,查阅资料修改为https://douban.uieee.com。并在微信开发者工具-》详情中进行设置,便可成功请求数据。url:https://douban.uieee.com/v2/movi...原创 2019-07-24 11:59:08 · 2938 阅读 · 1 评论 -
微信小程序(六):伪tabbar的实现
微信小程序原生的tabbar一个项目只能有一个,我想要在多个页面都能使用不同的tabbar,就找到伪tabbar这种方法,通过点击元素实现页面跳转。新建文件夹:tabbarStudy.wxml<view> <view>个人中心</view> <!-- 伪tabBar --> <view class='tabBar'...原创 2019-07-24 17:25:10 · 398 阅读 · 0 评论 -
微信小程序(一)代码的编写顺序:先静后动
1.先写静态页面,使用静态数据设计好样式。将要测试的页面放在app.json的pages首个路径,方便运行查看效果。wxml:<view class='container'> <view class='item'> <label class='labelname'>姓名:</label> <label class=...原创 2019-07-22 21:19:43 · 1137 阅读 · 0 评论 -
微信小程序(二)template模板的使用
template模板实现样式复用,只用写一遍wxml和wxss,在需要用到模板样式的地方将模板引入就可以,大大提高了代码的简洁性。创建文件夹:1.先写静态样式templateStudy.wxml文件:<view class='container'> <view class='list'> <view class='lis...原创 2019-07-23 10:36:49 · 901 阅读 · 0 评论 -
微信小程序(三):使用template模板时无法获取for循环下标index的问题
使用template模板渲染的数据列表,点击后跳转到详情页,本想通过for循环中的index对应点击的是哪一条数据,后来发现template模板中无法获取index。问题重现:【接微信小程序(二)的示例继续写】运行结果:后来查阅资料发现template中无法获取下标index,那如何获取呢?方法一:for循环的下标index不能直接在template中获取,需要通过t...原创 2019-07-23 15:30:09 · 3092 阅读 · 3 评论