微信小程序实用代码段(收藏版)

  

前言

  

排名不分先后,按自己的习惯来的。

  

总结经验,不喜勿喷哦~

  

一、选项卡切换

        & lt;视图类=" {{currentTab==0 & # 63;“选择”:“}}”数据流=" 0 " bindtap=皊wichNav”比;tab1   & lt;视图类=" {{currentTab==1 & # 63;“选择”:“}}”数据流=?”bindtap=皊wichNav”比;tab2      页面({   数据:{//选项卡切换   currentTab: 0,   },   swichNav:函数(e) {   var=这个;   如果(this.data。currentTab===e.target.dataset.current) {   返回错误;   其他}{   that.setData ({   currentTab: e.target.dataset.current   })   }   },      })      

二,偷窃者切换

  

        & lt; view>   & lt;文本类=" {{currentTab==0 & # 63;“选择”:“}}”数据流=" 0 " bindtap=皊wichNav祝辞tab1   & lt;文本类=" {{currentTab==1 & # 63;“选择”:“}}”数据流=?”bindtap=皊wichNav祝辞tab2 & lt;/text>   & lt;文本类=" {{currentTab==2 & # 63;“选择”:“}}”数据流=?”bindtap=皊wichNav祝辞tab3 & lt;/text>   & lt;/view>   & lt;偷窃者电流=" {{currentTab}}”bindchange=癰indchange”类=swp的祝辞   & lt; swiper-item>页面1 & lt;/swiper-item>   & lt; swiper-item>页面2 & lt;/swiper-item>   & lt; swiper-item>页面3 & lt;/swiper-item>   & lt;/swiper>      页面({   数据:{   currentTab: 0,   2:“   },//滑动切换   bindChange:函数(e) {   var=这个;   that.setData ({   currentTab: e.detail.current   });   },//点击选项卡切换   swichNav:函数(e) {   var=这个;   如果(this.data。currentTab===e.target.dataset.current) {   返回错误;   其他}{   that.setData ({   currentTab: e.target.dataset.current   })   }   },//偷窃者自适应高度>   & lt;视图类=皁vf img_box”比;   & lt;块wx:=" {{img_arr}}”天气:关键="{{项目。id}}“bindtap=皑尅北?   & lt;视图类=' logoinfo材料指数=皗{指数}}”比;   & lt;视图类=皑尅北?   src=" http://192.168.2.61/wx_ry/del & lt;图像。png”模式=" widthFix deleteImage“bindtap=祝辞& lt;/image>   & lt;/view>   & lt;图像src=" https://www.yisu.com/zixun/{{项}}’模式=皐idthFix祝辞& lt;/image>   & lt;/view>   & lt;/block>   & lt;视图类=吧洗北?   src=" http://192.168.2.61/wx_ry/add & lt;图像。png”模式=" widthFix upimg“bindtap=祝辞& lt;/image>   & lt;/view>   & lt;/view>      .upload{宽度:20%;浮:左;margin-top: 33 rpx;}   {.upload图像宽度:100%;}   .logoinfo{宽度:20%;浮:左;margin-right: 2%;}   为. del{宽度:20%;浮:正确;}   为. del形象{宽度:100%;}   {.logoinfo图像宽度:100%;}      页面({   数据:{   img_arr: []   },//图片上传   upimg:函数(){   var=这个;   如果(this.data.img_arr。长度& lt;3){   wx.chooseImage ({   sizeType:“原始”、“压缩”,   成功:函数(res) {   that.setData ({   img_arr: that.data.img_arr.concat (res.tempFilePaths),   })      }   })   其他}{   wx.showToast ({   标题:“最多上传三张图片”,   图标:“加载”,   持续时间:3000   });   }   },//删除图片   deleteImage:函数(e) {   var=这个;   var指数=e.currentTarget.dataset.index;//获取当前长按图片下标   console.log (that.data.img_arr)   wx.showModal ({   标题:“提示”,   内容:“确定要删除此图片吗?’,   成功:函数(res) {   如果(res.confirm) {   console.log(“点击确定了');   that.data.img_arr。拼接(指数(1);   }else if (res.cancel) {   console.log(“点击取消了');   返回错误;   }   that.setData ({   img_arr: that.data.img_arr   });   }   })   },//上传   上传:函数(){   var=这   (var=0;我& lt;this.data.img_arr.length;我+ +){   wx.uploadFile ({   url:“https: * * */提交”,   filePath: that.data.img_arr[我],   名称:“内容”,   formData:补充说,   成功:函数(res) {   console.log (res)   如果(res) {   wx.showToast ({   标题:“已提交发布!’,   持续时间:3000   });   }   }   })   }   this.setData ({   formdata:“   })   },//提交   formSubmit:函数(e) {   控制台。日志(的形式发生了提交事件,携带数据为:“,e.detail.value)   }   })      

四,滚动视图滚动页

微信小程序实用代码段(收藏版)