您现在的位置: 微信小程序 > 微信小程序开发 >

微信小程序 使用view,scroll-view实现上拉加载,下拉刷新

一:使用view实现下拉刷新,上拉加载数据 如图,微信 小程序实现上拉加载,下拉刷新。代码如下 js文件代码 // pages/loading/loading.js var p = 1 var url = http://192.168.30.4:8080/gtxcx/carrier/getCarrier...

阅读(124)

教程

自定义swiper面板指示点的样式,image图片自适应宽度比例显示

微信小程序的swiper组件是滑块视图容器,也就是说平常我们看到的轮播图就可以用它来做,不过这个组件有很多样式是固定的,但是,有时候我们的设计稿的面板指示点是需要个性化的...

阅读(108)

教程

微信小程序动态的显示或隐藏控件,带参传递的界面跳转的两种方式 ...

一:动态的显示或隐藏控件 在微信小程序开发时,经常要用到一个控件会根据不同的情况和环境动态显示与隐藏这种情况,下面就来实践一把!上效果先 它的实现方法有两种: 第一种...

阅读(53)

教程

利用screenWidth与screenHeight手算布局,tomcat http 转 https,加密解密算法的nodejs ...

在app.js中获取到设备宽高 // 设备信息wx.getSystemInfo({success: function(res) {that.screenWidth = res.windowWidth;that.screenHeight = res.windowHeight;that.pixelRatio = res.pixelRatio;}}); 然后挖坑在布局页面 view class=...

阅读(65)

教程

微信小程序实用小技巧,设置头像,数据存储与取值

一:实用小技巧 CSS: 实现渐变色 第一个是起点颜色,慢慢过渡到第二个颜色 从上到下的线性渐变: background: linear-gradient(red, blue); 从左到右的线性渐变: background: linear-gradient(to right,...

阅读(122)

教程

微信小程序radio不能改变大小?那我自己写一个吧

小程序自带的radio似乎是不能调整大小的,在项目中使用时很不方便,时常会影响整个界面的效果。为了解决这个问题,我使用text标签结合icon标签实现了radio效果。 这里我们实现一个选...

阅读(94)

教程

微信小程序获取用户头像和昵称,顶部导航栏的实现

一:顶部导航栏的实现 view class = swiper-tab view class = swiper-tab-list {{currentTab==0 ? on : }} data-current = 0 bindtap = swichNav 11 /view view class = swiper-tab-list {{currentTab==1 ? on : }} data-current = 1 bindtap = swi...

阅读(64)

教程

ngrok 服务搭建内网穿透,多张image图片排列有空隙解决方案

我们建议下载的时候最好把文件放在一个比较容易找的地方,如果是我,我会更改一下文件名,而且是英文的。 第二步、解压到相应文件夹 建议直接解压到d盘根目录,这样你就可以直...

阅读(114)

教程

微信小程序小工具之下发短信验证码倒计时

目标: 按钮倒计时 步骤: 用户点击按钮,提示下发短信,按钮进行倒计时 代码: wxml view input type = number name = linkTel bindblur = blurTel value = {{agentTel}} placeholder = *手机号码 maxlength = 11 /...

阅读(166)

教程

杂项:自定义弹窗,开发小技巧,使用一像素边框样式

本文为一些杂项的聚合; 首先wxml代码: view class = myToast hidden = {{nullHouse}} 暂无有关信息 /view view bindtap = clickArea 点击此处 /view 注:hidden属性用于切换比较频繁的地方。 wxss代码设置弹窗...

阅读(172)

教程

JS动态修改样式,引用其他js里的方法,获得用户输入内容

一:JS动态修改样式 微信 小程序这个坑啊,js动态修改样式,我们并不能用js或者jq 轻轻松松一行代码搞定。或者用removeClass addClass 来修改样式。 以下是一种动态修改样式的方法,原理...

阅读(53)

教程

文字超出限制在末尾加省略号,showToast消息提示接口,在图片未能正确加载时 显

一:文字超出限制如何在末尾加省略号 当文字超出一行时会自动换行 那如何让文字不自动换行并在末尾加上省略号呢? 原贴的答案是这样的 text { display : - webkit - box ; word - break : brea...

阅读(137)

教程

TITF精选:设置指定标签的ID,清空文本框,身份证信息识别功能思路 ...

一:点击图片切换视频播放功能 功能说明 1、用户点击指定图片播放图片对应的视频。 2、每一张图片对应不同的视频。 注:布局文件使用数据渲染for循环显示组件,逻辑文件可添加若...

阅读(166)

教程

复杂富文本解析变通实现,微信小程序登录绕过CAS单点登录(SSO)认证检查 ...

最近在写一个爬虫,需要将网页进行解析供微信小程序使用。文字和图片解析都好说,小程序也有对应的text和image标签可以呈现。而更复杂的,比如表格,则比较棘手,不管是服务端解...

阅读(195)

教程

微信小程序定位到当前城市,两种为对象属性赋值的方式

今天刚好有个同学在问这个问题,就是如何在有了经纬度之后,如何获取城市信息,刚好看到两个相关文章,就贴出来,给大家参考一下; 作者;tammy1151,来自原文地址 首先需要申请百度...

阅读(112)

教程

关于上拉加载,下拉更新的问题踩的坑!

今天在写豆瓣电影页面的时候,实现了上拉加载,下拉更新的时候,遇到几个问题: 1.在json中:enablePullDownRefresh:true 注意:开发工具中,可以实现下拉更新的效果在测试机却没有,所以...

阅读(91)

教程

微信小程序 实时圆形进度条实现

最近为了做一个录制按钮,研究了下 小程序的实时圆形进度条实现 废话不多说,先上一张效果图! 初始状态 点击中间按钮开始绘制 绘制过程 绘制结束 实现思路 建立两个canvas标签,...

阅读(193)

教程

微信小程序之 满意度(五星评分)

话不多说,我们来看一下效果图: 要实现的效果:点击到第几颗星,就要显示到第几颗星, 接下来直接查看源码: view class = l-evalbox row text class = l-evaltxt 满意度: /text view class = l-evali...

阅读(164)

教程

微信小程序 MD5js使用方法,请求接口轮播图

一:MD5 方法js 更多md5相关内容,可以查看此帖:MD5加密中文的结果不一致 生成的文件可以放在 utils文件中哦!!! /* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Al...

阅读(122)

教程

Canvas 基础绘制,时间戳转化为几天前,几小时前,几分钟前

相关文章:跳坑《一百一十一》canvas相关问题说明 以下所有 set 打头的方法均为微信 小程序特有, 去掉 set 即为 CanvasRenderingContext2D 的属性名. .stroke() 描出当前路径 .setStrokeStyle(color) 设置...

阅读(175)

教程

小程序中实现动态处理表格,文本两端对齐

最近开始学习小程序的开发,以前写代码基本都是C++这样的后端处理,写起小程序的前端真的不习惯。比如我要实现下图这样的功能: 想在小程序里实现如上的UI,遇到这几个问题:...

阅读(169)

教程

微信小程序跳转传参数 传对象,wx.request的json数据传输

一:跳转传参数 传对象 分享者:幼年程序猿,原文地址 一般都是传字符串到下一页,如果要想传对象怎么办呢? 我的解决办法是先将对象转换为json字符串然后到下个页面将json字符串...

阅读(141)

教程

后台传回的json数据含有html标签,无法在wxml正确显示,滚动到某个位置添加cl

一:后台传回的json数据含有html标签,无法在wxml正确显示 引用插件 htmlToWxml.js // xxx.js var R_htmlToWxml = require ( ../../util/htmlToWxml.js ); //引入公共方法 将html内容转成json数据 // xxx.js onLoad :...

阅读(133)

教程

微信小程序接受asp.net 返回的json值处理,判断是否是手机号,文字超过行后隐藏

wx . request ({ url : https://l网址er.aspx , data : { openId : wx . getStorageSync ( openId ), requestType : query }, success : function ( response ) { // //console.log(response) //console.log(response.data) //console.log(response.statusC...

阅读(147)

教程

微信小程序实现左滑删除

左滑删除效果在app的交互方式中十分流行,比如全民应用微信 微信左滑删除 再比如曾引起很大反响的效率app Clear Clear左滑删除 从技术上来说,实现这个效果并不困难,响应一下滑动操...

阅读(155)

教程

微信小程序wx.showToast(),action-sheet 反馈上拉菜单,js动态给前台元素绑定事件

一:wx.showToast() var pageObject = { onLoad : function () { wx . showToast ({ title : 成功 , //标题 icon : loading , //图标,支持success、loading image : ../image/img.png , //自定义图标的本地路径,image 的优先级高...

阅读(157)

教程

javascript时间戳和日期字符串相互转换(也适合微信小程序)

var timestamp = Date . parse ( new Date ());timestamp = timestamp / 1000 ; //当前时间戳为:1403149534 console. log ( 当前时间戳为: + timestamp); // 获取某个时间格式的时间戳 var stringTime = 2014-07-10 10:21:12 ; v...

阅读(54)

教程

小程序request接口的封装,实现给循环列表添加点击样式

小程序request接口的封装(本质上是对request回调函数再次回调) module . exports . getData = function ( url ) { var data = arguments . length 1 arguments [ 1 ] !== undefined ? arguments [ 1 ] : {}; var method = arguments . l...

阅读(68)

教程

微信小程序--下拉菜单(带动画)实现

可以直接拷贝就用,这只是一个壳,可以往里面填充自己的内容 在 pick-header 里添加筛选项,在 pick-container 添加被筛选的选项内容, content 里显示真正的内容。 content 的高度是会在 js...

阅读(195)

教程

微信小程序登录页动画 - 云层漂浮

前言 2017年前端火了,微信 小程序、weex、reactnative,就连支付宝也搞起了小程序,总感觉这是原生要毁灭的节奏啊,我也乘热上车万一波。 上效果图(GI动态图) 微信小程序动画 当我看到...

阅读(196)

教程