微信小程序navigationBarBackgroundColor颜色显示设置

navigationBarBackgroundColor,导航背景颜色显示只支持3位十六进制颜色码方式的显示,不支持颜色英文单词的显示。...

微信程序设置View背景

微信程序的的view背景可以通过本地和网络两种方式:网络:background-image:url('http://www.51dev.com//FileUpload/news/202003/20200303004914689.jpg');本地:background-image:url('../../imgs/kejian.png'); ...

微信程序修改button样式

今天碰见个感觉很奇怪的问题修改了button的很多样式就是得不到自己想要的效果比如 我想他能够跟普通text一样显示文字,但是button有自己的border自己的背景并且默认还是文字居中显示,调了半天都没有试出来,最重要的是在小程序官方文档的组件中也没有提供button的默认css样式,从显示上能断定是使用了文字居中、border边框等,所以很难去通过尝试修改而达到目的这里提供一下button默认的css样式,只有知道了button的默认样式才能知道修改哪个属性达到想要的效果button{position:relative;display:block;margin-left:auto;margin-right:auto;padding-left:14px;padding-right:14px;box-sizing:border-box;font-size:18px;text-align:center;text-decoration:none;line-height:2.55555556;border-radius:5px;-webkit-tap-highlight-colo...

微信程序开发——setData的使用技巧

前言:之前使用 setData ,一直都是作为给变量赋值,感觉比起vue给data中的变量的赋值还是有点麻烦的。最近项目不太紧张,为了提高小程序的开发效率及提升小程序开发的能力,又重新的通读了下小程序的开发文档。发现 setData 还有一个非必填的参数callback——setData引起的界面更新渲染完毕后的回调函数,通过这个回调函数,可以在更新data中的数据的时候,同步在回调函数中进行相应操作,这比更新数据和后续操作分开写好多了。Page.prototype.setData(Objectdata,Functioncallback):字段类型必填描述最低版本dataObject是这次要改变的数据 callbackFunction否setData引起的界面更新渲染完毕后的回调函数1.5.0其中 key 可以以数据路径的形式给出,支持改变数组中的某一项或对象的某个属性,如 array[2].message,a.b.c.d,并且不需要在this.data中预先定义。关于key以数据路...

微信公众平台服务器配置接入JAVA实现

当点击提交的时候,微信服务器会向你填写的url地址发送一个GET请求,请求会携带下面的参数其中的signature是微信服务器根据timestamp、nonce、echostr和你上面填写的token生成的,算法是SHA-1。这样的话,你自己的服务器接到这几个参数,用timestamp、nonce、echostr和你服务器上定义的token变量生成签名,因为timestamp、nonce、echostr这三个参数都是微信服务器发给你的,你和微信生成的签名唯一的变量就是token,只要你服务器的token和微信公众号配置的token相等,那生成的签名肯定也是相等的。验证相等就将微信服务器请示过来的echostr返回给微信服务器,这样微信就知道,这台服务器是你的了。上面提交的动作就算验证完了,页面会显示提交成功。1.写一个servlet接收微信确认请求 packagecom.lee.weixin;importjavax.servlet.ServletException;importjavax.servlet.http.HttpServlet;importjavax.servlet...

微信小程序wx.previewImage预览图片

一.小知识二.例子1.wxml<viewclass="container"><viewwx:for="{{imgalist}}"wx:for-item="image"class="previewimg"><imagesrc="{{image}}"data-src="{{image}}"bindtap="previewImage"></image></view></view>2.wxss.container{box-sizing:border-box;padding:20px;}.previewimg{float:left;width:45%;height:200px;margin:2%;}.previewimgimage{width:100%;height:100%;}3.js使用网络的图varapp=getApp()Page({data:{imgalist:['https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&s...

个人简历微信程序

为了熟练掌握微信程序开发的一些基本技巧,熟悉微信程序开发流程,特此,运用所学知识,做了一个个人简历小程序。效果图如下:代码如下:① index.jsconstapp=getApp()Page({data:{userInfo:{},hasUserInfo:false,canIUse:wx.canIUse('button.open-type.getUserInfo'),user:{name:"",phone:"123456789123",email:"123456789@qq.com"}},//事件处理函数bindViewTap:function(){wx.navigateTo({url:'../logs/logs'})},onLoad:function(){if(app.globalData.userInfo){this.setData({userInfo:app.globalData.userInfo,hasUserInfo:true})}elseif(this.data.canIUse){//由于getUserInfo是网络请求,可能会在Page.onLoad之后才返回//所以此...
开发笔记 开发笔记·2020-03-02

微信程序:Promise封装wx.request()

//http.js:constapp=getApp()//constPromise=require('./es6-promise.js')//兼容低版本微信,现在可能用不上了consthttp=(url,data)=>{returnnewPromise(function(resolve,reject){wx.request({url:`${app.globalData.baseUrl}${url}`,method:'POST',data:data,header:{'content-type':'application/x-www-form-urlencoded',//默认值//自定义请求头'access-token':app.globalData.access_token,//访问令牌'user-token':app.globalData.user_token,//登录令牌'version':'v1.0'//版本号},success:function(res){if(res.statusCode!=200){reject({error:'服务器忙,请稍后重试',code:500}...

微信程序开发用户授权登录

用wx.login获取登录凭证code<!--pages/user/index.wxml--><viewhidden='{{boolean}}'><viewwx:if="{{isLogin==1}}"><!--个人信息--><viewclass='infomation'><!--基本信息--><viewclass="gameTitle"><navigatorhover-class="none"href=""><imagesrc="{{dataList.head_photo}}"></image></navigator><view><viewclass="gameName"><navigatorhover-class="none"href="">{{dataList.username}}</navigator></view><viewclass="gameSummary"wx:if="{{da...

微信小程序中添加客服按钮contact-button

小程序的客服系统,是微信做的非常成功的一个功能,开发者可以很方便的通过一行代码,就可实现客服功能。1.普通客服按钮添加<buttonopen-type='contact'session-from=''>客服-联系我们</button>2.悬浮客服按钮添加,图片自定义 大家看地图的有个客服图片图片资源。大家去iconfont网站去找一个就可以了index.wxml<buttonclass="kf_button"open-type="contact"session-from="weapp"><imageclass="kf_image"src="../../resources/img/kf.PNG"></image></button> index.wxss.kf_button{background-color:rgba(255,255,255,0);border:0px;...

微信程序button设置宽度不生效的解决办法

把app.json里“style”:“v2”删除,再设置就可以了。...
首页上一页...8384858687下一页尾页