【 微信程序 】
微信小程序开发、小程序云开发、小程序第三方服务开发
Beluga_白鲸
迷茫的时候,需要多读书。
展开
-
微信小程序 - 横向靠右显示
需求:标题在左边,点击图标在右边代码:wxml代码 <view class='flex-wrp-row item'> <view class='item-left flex-wrp-row'> <image src='../../image/ic_xxx.png' class='icon-left' mode='aspect...原创 2018-11-13 10:13:28 · 36460 阅读 · 2 评论 -
微信小程序 - 获取form的input的值
wxml代码<view class='box'> <form bindsubmit='login'> <input type='text' class='userBox' name='username'></input> <input type='text' class='pwdBox' name='pwd'&...原创 2018-11-13 15:43:46 · 2346 阅读 · 0 评论 -
小程序 Now you can provide attr wx:key for a wx:for to improve performance.
在wxml中添加:<view wx:for="{{array}}" > {{item}} </view>报错:VM4222:2 ./pages/index/index.wxml(anonymous) @ VM4222:2VM4222:3 Now you can provide attr "wx:key" for a "wx:for" to improv...原创 2018-11-08 17:52:26 · 19513 阅读 · 0 评论 -
微信小程序 - 跳转页面+传递参数
需求:1、跳转页面:子页面跳转、同级或者上级页面跳转2、跳转页面传递参数实现:1、子页面跳转 + 传递参数需求:顶级页面community.wxml页面,跳转到他的子页面detail.wxml首先必须在app.json里面注册这些页面。跳转:在页面中代码url跳转:<navigator url="pages/detail/detail?id=123"&g...原创 2018-11-14 11:04:32 · 1003 阅读 · 0 评论 -
微信小程序 - 判断
需求:判断最终显示,如果是空,就不显示,如果不是空就显示。代码:实现1:三目运算三目:a==b?true:false;代码:如果有name了,就显示class标签show,如果name为空,就显示class标签hide<text class="name {{comment.name?'show':'hide'}}">{{comment.name}}</t...原创 2018-11-12 15:26:33 · 11256 阅读 · 0 评论 -
微信小程序 - 图片占位图
需求:微信小程序占位图,图片url为空,则显示占位图代码:<image src="{{url?url:'../image/ic_default.png'}}" class='cover' mode='aspectFit'></image>url:需要显示的图片ic_default.png:在公共文件夹image里面的默认图片...原创 2018-11-14 16:56:01 · 3436 阅读 · 0 评论 -
小程序 - 图片左右列表展示
0、效果1、wxml代码<view class="schoollist"> <block wx:for="{{items}}" wx:key="item"> <view class="school-list"> <navigator url="/pages/photo/photo?id转载 2019-02-12 20:08:12 · 6081 阅读 · 4 评论 -
wx.navigateBack()返回上一页面如何传参数?
wx.navigateBack()不能像其他导航一样通过url传参,因此只能使用其他方法:先说两个可以实现但弊端很大的方法:1、将数据存到app.globalData中,然后返回上一页面从全局数据中获取 弊端:数据为全局数据,必须谨慎维护,否则全局某处做出修改,牵一发而动全身2、将数据存到本地缓存中(localStorage),然后从缓存中获取 ...转载 2019-02-13 10:56:02 · 10167 阅读 · 1 评论 -
微信小程序,左上角返回首页小房子
需求:微信小程序分享出去的页面,需要左上角加上小房子,点击回到主页;这里就需要涉及到自定义头部了效果图:代码:PS: 代码直接复制到wxml和wxss里面即可1、在test.json中加入{ "navigationStyle": "custom"}这个就是全屏的意思2、在test.xml中加入 <view class="inaver ...原创 2019-07-04 11:59:17 · 25843 阅读 · 3 评论