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

51dev.com 技术开发者社区

微信小程序

微信小程序

微信小程序,由腾讯公司开发,英文名Mini Program,是一种不需要下载安装即可使用的应用,用户扫一扫或搜一下即可打开应用。

微信小程序的图片上传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...

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

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

自定义分享图片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...

微信小程序中wv:html的方法

微信小程序中wv:html的方法

1.引言在微信小程序开发过程中,我们有没有遇到这种情况,数据接口返回的是字符串,字符串中还包含了普通html便签,例如://requstFfunc是对wx:request()方法的封装requstFfunc.requestData(‘https:///Public/HyApi/index.php‘,{service:‘...

微信小程序顶部下拉菜单栏

微信小程序顶部下拉菜单栏

js代码varcityData=require(‘../../utils/city.js‘);Page({data:{//选择的终点城市暂存数据endselect:"",//终点缓存的五个城市endcitys:[],//用户选择省份之后对应的城市和县城endkeys:{},//用户选择县城town:[],//所有车长c...

微信小程序图表插件(wx-charts)

微信小程序图表插件(wx-charts)

微信小程序图表插件(wx-charts)基于canvas绘制,体积小巧支持图表类型饼图、线图、柱状图、区域图等图表图形绘制,目前wx-charts是微信小程序图表插件中比较强大好使的一个。支持图表类型饼图 pie线图 line柱状图 column区域图 area高清显示设置can...

微信小程序下拉菜单实例

微信小程序下拉菜单实例

 布局方面,整体使用dl来写,二级包在dd中,用ulli来写;交互方面,点击某一级菜单,关闭兄弟子菜单,点击某子菜单关闭所有菜单。1.使用dt做出第一级菜单2.使用dd嵌套第二级菜单,初始隐藏、position为absolute,使用z-index浮出页面层/*总菜单容器*/.menu{display:blo...

微信小程序---2.循环遍历(img)

微信小程序---2.循环遍历(img)

在wxml页面中1. 最外层包裹的是微信所有的block标签,设置wx:for=””(需要循环的数组)、wx:for-item=””(接收需要循环的key与key值的变量)、wx:for-index=”” (循环key值的下标,...

微信小程序 往数组中增加字段值

微信小程序 往数组中增加字段值

在page中有如下数组array:[{name:"hk",age:20},{name:"hk",age:20}]问题:想在array数组里面增加一个sex字段解决:  第一步:先用一个变量,把(array[index].sex)用字符串拼接起来。 第二步:将变量写在[]里面即可。 具体写法如图:for(var...