为您找到搜索结果：4724个
微信小程序动态显示倒计时代码
微信小程序动态显示项目倒计时wxml代码：<p><blockwx:if="{{total_micro_second<=0}}">剩余时间：已经截止</block><blockwx:if="{{clock!='已经截止'}}">剩余时间：{{clock}}</block></p>剩余时间：已经截止剩余时间：{{clock}}js文件代码：functioncountdown(that){varEndTime=that.data.end_time||[];varNowTime=newDate().getTime();vartotal_micro_second=EndTime-NowTime||[];console.log('剩余时间：'+total_micro_second);//渲染倒计时时钟that.setData({clock:dateformat(total_micro_second)});if(total_micro_second<=0){that.setData({clock:"已经截止"});/...
微信小程序navigationBarBackgroundColor颜色显示设置
navigationBarBackgroundColor，导航背景颜色显示只支持3位十六进制颜色码方式的显示，不支持颜色英文单词的显示。...
微信小程序修改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之后才返回//所以此...
微信小程序：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;...
怎样改变小程序的首页？
通常小程序的首页是pages/index/index，如果我们需要使用另外一个页面作为首页，怎么改？方法一：在app.json文件中，pages数组，设置在第一个的页面就是默认启动页面，所以你只需要调整你当前开发的页面顺序就好了。下面的例子就是设置pages/article/article为首页：方法二：配置编译参数：方法三：在提交正式版本的时候，设置首页：...