微信小程序解决地图上的层级关系

在有带地图的手机页面上,view无法显示在地图上方,所以,在wxml中,使用:<cover-view></cover-view>能使view显示在地图上注:在该标签内部,所以标签都需要加上cover- 若该标签在地图上有时可以显示,有时不可以显示,则直接写在map标签里即可...

微信程序标签页切换

WXML中:<viewclass="swiper-tab">  <viewclass="swiper-tab-list{{currentTab==0?'on':''}}"data-current="0"bindtap="swichNav">地图</view>  <viewclass="swiper-tab-list{{currentTab==1?'on':''}}"data-current="1"bindtap="swichNav">列表</view></view><swipercurrent="{{currentTab}}"class="swiper-box"duration="300"style="height:{{winHeight-31}}px"bindchange="bindChange">  <!--地图-->  <swiper-item>    <view>地图</view>  </swiper-item><!--列表--&...
代码星球 代码星球·2021-02-20

微信程序点击按钮,修改状态

WXML中:<viewwx:if="{{orderstate}}='待送检'"data-no="{{orderstate}}"bindtap="quxiaosongjian">  <view>取消送检</view></view> 当前页面显示为待送检 js中:quxiaosongjian:function(e){  varthat=this;  varorderstate=e.currentTarget.dataset.no;  that.setData({    orderstate:"用户取消"  })}, 这时,页面显示为: ...

微信程序判断按钮是否显示,或者隐藏

js中:onLoad:function(options){  this.setData({    orderstate:'待送检'  })}, WXML中:<viewwx:if="{{orderstate}}='待送检'">  若不是待送检,则显示不出来  <view>取消送检</view></view>...

微信程序居中代码

html页面:{  text-align:center;}wxss页面:{  width:100%;  height:100%;  display:flex;  justify-content:center;}...
代码星球 代码星球·2021-02-20

微信程序点击事件

<---------------------------------------------------index文件夹:--------------------------------------------------->wxml页面:<navigatorurl="{{item.url}}">  <view>………</view></navigator>  js页面:Page({  data:{  slide:[],  sysinfo:{},  list:[],  cats:[],  copyright:'',  array:[    {      url:'/yyf_company/pages/zixun1/zixun1'//要跳转的文件夹    }  ]})   <---------------------------------------------------最外层文件夹:--------------------------------------------...
代码星球 代码星球·2021-02-20

【转】微信公众账号 Senparc.Weixin.MP SDK 开发教程 索引

Senparc.Weixin.MPSDK从一开始就坚持开源的状态,这个过程中得到了许多朋友的认可和支持。目前SDK已经达到比较稳定的版本,这个过程中我觉得有必要整理一些思路和经验,和大家一起分享。也欢迎大家的补充!SDK还在不断优化升级中,开源项目见:https://github.com/JeffreySu/WeiXinMPSDK微信技术交流社区:http://www.weiweihi.com/QASenparc.Weixin.MP SDK的目标是探索微信公众平台更好的SDK模式,并提供C#上最好的公众平台SDK开发体验。索引(计划中,未完成的篇幅顺序可能会随时调整)Senparc.Weixin.MPSDK 微信公众平台开发教程(一):微信公众平台注册Senparc.Weixin.MPSDK 微信公众平台开发教程(二):成为开发者Senparc.Weixin.MPSDK 微信公众平台开发教程(三):微信公众平台开发验证Senparc.Weixin.MPSDK 微信公众平台开发教程(四):HelloWorldSenparc.Weixin....

【转】微信公众平台开发入门教程

http://www.cnblogs.com/txw1958/p/wechat-tutorial.html关键字:微信公众平台开发作者:方倍工作室...

微信小程序简单开发流程

2017年初微信小程序正式低调上线,用户可以体验各种各样微信提供的服务。顾名思义,小程序的特点在于:‘小’,即不需要下载就可以通过微信客户端使用其提供的各种服务。这对内存越来越不够用的手机来说,犹如甘露,一经发布便火了起来。同时,经过了2年多的发展,小程序已经形成了自己独特的开发环境和开发者生态。好了,进入正题,让我们看下开发小程序都需要哪些步骤?一、准备  1.在微信公众平台注册一个小程序账号。注意,因为微信官方规定,微信、小程序、公众号都必须使用独立的邮箱。所以,多注册些邮箱吧。  2.部署一台服务器,做为后台。且,必须使用https方式访问后台。  3.上述都满足后,就看官方小程序介绍文档一步步来吧。二、开发  1.授权  为了理解方便,就先让我们用一张逻辑图来看小程序是如何一步步进行授权登入的吧。  上面是我整理的小程序的登录授权逻辑,官方也给出了小程序的解密逻辑,如下,    2.调用后台api   我是使用node.js的Promise进行的回调,具体看代码吧。varapiMethod={login:'login'};varreque...

微信程序之使用本地接口开发

程序只能在https线上开发,但是一旦上线后出现问题就很难调试了。所以如何使用本地接口进行开发呢?一、解决  在小程序开发工具设置网络代理,然后再通过Charles设置代理,将https域名转为本地接口进行访问。  以下所用环境为win10+vbox(linux)+微信开发工具。二、准备工作  1.配置https域名    为小程序配置request合法域名,在登录公众号平台去设置。      2.安装Charles    官方下载地址:https://www.charlesproxy.com/download/    另外,Charles需要破解,链接 提取码:mkns三、配置Charles  1.安装根证书  首先,打开Charles,Help->SSLProxying->InstallCharlesRootCertificate 安装证书到本地,指定位置到受信任的根证书颁发机构,否则需要进行下一步操作。  然后,按住win+r,在输入运行窗口输入certmgr.msc回车,在证书界面找到中间证书颁发机构=》证书 找到证书“Charles...

微信程序中出现:脚本错误或者未正确调用 Page()

错误:​解决方法://在页面当中的.js文件里面加上Page({})即可...

微信程序:图片预览

wxml页面:<imagesrc='{{UPLOAD_IMAGES_URL}}{{vv.img_s}}'data-src="{{vv.img}}"bindtap="previewImage"></image>js:/*预览*/previewImage:function(e){console.log('previewImage');varcurrent=e.currentTarget.dataset.src;varthat=this;varurl=[that.data.UPLOAD_IMAGES_URL+current];wx.previewImage({current:current,//当前显示图片的http链接urls:url//需要预览的图片http链接列表})}...
代码星球 代码星球·2021-02-18

微信程序:多张图片上传

最近在写小程序的相册,需要多张图片的上传。因为小程序不支持数组的多张图片同时上传,然后根据自己的需求+借鉴网上各位大神的案例,总算搞定。分享下,不足之处,多多指教哦页面wxml:<formbindsubmit="formSumbmit"bindreset="formReset"><viewclass="modal-content"><viewclass="modal-photo"><viewclass="photo-img"><viewwx:for="{{img_arr}}"wx:key="key"><imagesrc='{{item}}'></image></view></view></view></view><viewclass="modal-footer"><viewclass="btn-confirm"><buttonformType="submit">确定</button></view>...

微信程序:下拉刷新

下拉刷新1.需要在json文件中,设置"enablePullDownRefresh":true,表示该页面使用下拉刷新2.在微信内置函数onPullDownRefresh中进行操作onPullDownRefresh:function(){console.log("onPullDownRefresh");varthat=this;that.getPhotoInfo();}我这里的操作调用了其他的函数,不需要也可以在下面自定义函数。注意如果需要和后台交互等,可以在交互成功后结束掉下拉刷新----wx.stopPullDownRefresh();//停止下拉刷新...
代码星球 代码星球·2021-02-18

微信程序:分页和加载更多

直接上代码吧。不足之处,多多指教,一起进步1.wxml页面的最后敲上,css自己定义<viewclass="loadmore"mtype="{{mtype}}"hidden="{{hidden}}"><text>已经没有更多了~</text></view>2.js的初始数据中设置:data:{page:0,//当前页totalPage:0,//总页数mtype:1,//加载更多动画显示类型hidden:true//加载动画显示与隐藏},3.js的内置触底函数中如下操作//页面滑动到底部onReachBottom:function(e){console.log("lower");varthat=this;varpage=that.data.page+1;//当前页+1=下一页that.getPhotoInfo(page);},4.js后台交互函数getPhotoInfo:function(e){varthat=this;varatPage=e;//当前页varparams={page:atPage//页数};if(atPage==1){ap...
首页上一页...34567...下一页尾页