51dev.com IT技术开发者社区

51dev.com 技术开发者社区

微信小程序之条件语句if和循环语句for(三目运算+hidden)

微信小程序之条件语句if和循环语句for(三目运算+hidden)

在微信小程序的官方文档中,将这两个语句归化在框架的视图层,分表叫条件渲染和类表渲染,其实他就是封装了这两条语句而已。上图(循环语句if) 1.它是通过在index.js中设置数据,然后再index.wxml中进行判断,首先上index.wxml的代码。//微信是封装过if语句的,你只要在index.js中设置...

微信小程序底部元素 margin-bottom失效解决办法

微信小程序底部元素 margin-bottom失效解决办法

question:微信小程序开发过程中,页面底部元素设置margin-bottom在ios下失效。answer:可给page设置padding-bottom来解决...

小程序开发坑之IOS时间显示为NaN

小程序开发坑之IOS时间显示为NaN

原因是ios不支持数据库中传递出的2018-04-26这种格式的日期,必须转换为2018/04/26这种格式才会显示正常;例:endtimes为返回的日期小程序实现实例:varendtime=obj.data.endtimevarendtimes=endtime.replace(/-/g,"/")n...

小程序点击图片放大效果 单张图片 多张图片

小程序点击图片放大效果 单张图片 多张图片

<blockwx:for="{{effect_pic}}"wx:key="*this"><swiper-itemwx:key="*this"><imagebindtap=‘previewImg‘data-effect_pic=‘{{effect_pic}}‘data-src=‘{{item...

小程序动态添加class及调接口传递多个参数

小程序动态添加class及调接口传递多个参数

博客园首页新随笔联系管理订阅随笔-51 文章-0 评论-0 1.动态添加class<viewclass="step2 {{indication==2?'on':''}}"><viewclass='tcl...

微信小程序的图片上传wx.uploadFile及后台PHP接收文件并存储到服务器

微信小程序的图片上传wx.uploadFile及后台PHP接收文件并存储到服务器

前台代码wxml:<buttonbindtap=‘chooseImg‘>选择图片</button>//图片选择<view><imagesrc=‘{{img_l}}‘bindtap=‘preview_img‘></image></view>//图片预...

微信小程序多个条件判断

微信小程序多个条件判断

小程序的多个条件判断:上代码<viewwx:for="{{myattacheArr}}"wx:key="{{id}}"wx:for-item="AttacheItem"class=‘call-attache‘wx:if="{{AttacheItem.personnelType[0]==0&&Rol...

微信小程序多个条件判断

微信小程序多个条件判断

小程序的多个条件判断:上代码<viewwx:for="{{myattacheArr}}"wx:key="{{id}}"wx:for-item="AttacheItem"class=‘call-attache‘wx:if="{{AttacheItem.personnelType[0]==0&&Rol...

微信小程序组件开发-商品数量加减box

微信小程序组件开发-商品数量加减box

商品列表和商品详情常常用到数量的加减,比如这个样子:传入一个最大值和最小值,在这个范围可以自由加减,上代码:wxml:<viewclass="count_box"><viewclass="count_group"><viewclass="count_btn"data-tar="minus"...

微信小程序UI------实现携程首页顶部的界面(弹性布局)

微信小程序UI------实现携程首页顶部的界面(弹性布局)

今天写了一个携程界面的UI,利用H5的弹性盒子来实现,学过H5弹性盒子的,来看是比较方便的,因为CSS代码都差不多。 效果图如下:  主要是携程首页的四个模块; 代码:<viewclass="page"><viewclass="page__bd"><viewclass=...

微信小程序获取音频时长与实时获取播放进度

微信小程序获取音频时长与实时获取播放进度

#微信小程序获取音频时长与实时获取播放进度在小程序官方文档中audio注意:1.6.0版本开始,该组件不再维护。建议使用能力更强的wx.createInnerAudioContext接口##第一种方法通过audio组件获取音频时长和实时播放进度audio有一个bindtimeupdate属性当播放进度改变时触发time...

小程序show-confirm-bar完成按钮不能隐藏

小程序show-confirm-bar完成按钮不能隐藏

<textarea>show-confirm-bar="false"></textarea>不生效怎么办?改成show-confirm-bar="{{false}}"...

微信小程序自定义分享图片

微信小程序自定义分享图片

自定义分享图片onShareAppMessage:(res)=>{if(res.from===‘button‘){console.log("来自页面内转发按钮");console.log(res.target);}else{console.log("来自右上角转发菜单")}return{title:‘21天攻克考...

微信小程序上传多张图片加进度条(支持预览、删除)

微信小程序上传多张图片加进度条(支持预览、删除)

index.jsdata:{list:‘‘,upload_picture_list:[]},//选择图片方法uploadpic:function(e){varthat=this//获取上下文varupload_picture_list=that.data.upload_picture_list//选择图片wx.choo...

微信小程序添加icon图标

微信小程序添加icon图标

小程序引入阿里图标的的步骤1、百度一下“阿里图标库”2、搜索你想要的图标3、将项目添加至购物车4、点击购物车,并点击“添加至项目”5、新建项目名称,并点击“暂无代码,点击生成”6、上面的选项,选择Unicode,点击“点此复制代码&rd...