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

微信小程序小技巧系列《十二》支付倒计时效果,滑动删除效果 ... ...

本系列为小技巧或知识点聚合,如果你想看更多相关内容,请在本系列文章的相关文章内查看: 一:支付倒计时 作者:莫兰迪不会没有瓶子,来自授权地址 由于web 经验弱爆- - 一开始...

阅读(83)

教程

微信小程序小技巧系列《十三》多级联动,自定义圆形进度条 ... ...

一:多级联动 微信小程序中的多级联动 这里用到的案例是城市选择器 先上代码: .wxml view class={{boxHide}} view{{nian}}--{{yue}}--{{ri}}/view view class=btn-backgroundbutton bindtap=cancelPick隐藏/buttonbutton...

阅读(186)

教程

微信小程序小技巧系列《十四》横向滑动scroll-view隐藏滚动条,调用现有接口,

小技巧系列为一些有意思的知识点,或者小技巧;你可以在相关文章或搜索内搜索小技巧的文章(不是帖子)来查看所有本系列文章; 一:横向滑动scroll-view隐藏滚动条 作者:Pluto,来...

阅读(150)

教程

微信小程序小技巧系列《十五》操作按钮悬浮固定在底部,实现html格式内容

一:微信小程序操作按钮悬浮固定在底部 作者:秀杰,来自 授权地址 常见的有加入购物车按钮、结算按钮、收货列表添加地址按钮。 以收货地址为例,将添加地址按钮悬浮于最底部,...

阅读(127)

教程

微信小程序小技巧《十六》文字跑马灯,仿Table效果

一:文字跑马灯 wxml view1 显示完后再显示/viewview class=example view class=marquee_box view class=marquee_text style={{orientation}}:{{marqueeDistance}}px;font-size: {{size}}px; {{text}} /view /view/viewview2 出现白边后即显...

阅读(60)

教程

微信小程序小技巧《十七》富文本组件wxParse,制作回到顶部按钮 ... ...

一:制作回到顶部按钮 作者:马优晨,来自原文地址 我们先看一下效果吧,直接上图。 第一种情况,当页面在顶部的时候,回到顶部按钮是不会出现的。 第二种情况,当页面在离开顶部...

阅读(80)

教程

微信小程序小技巧《十八》更改信息授权弹窗的方法,wx.request数据没有及时显

一:萝卜头:获取用户的信息授权弹窗,更改内容的方法 小程序发布前,发现获取用户信息的地方是这样的, 然后发现别人的是这样的 看文档没有发现可以改这个的地方 用管理者账号...

阅读(140)

教程

微信小程序小技巧《十九》实现图片高度自适应,带参数分享 ... ...

一:实现图片高度自适应 1. swiper轮播海报通过wx.getSystemInfo接口获取屏幕高度,高度依据图片宽高等比缩放 运行于app.js,全局保存 // 设备信息wx.getSystemInfo({ success: function(res) { that.scre...

阅读(114)

教程

微信小程序小技巧:使用三元运算符代替wx:if,使用switchTab切换TabBar ...

一:使用三元运算符代替wx:if 以地址列表中,默认地址是否选择为例。 先来看下wx:if的写法 view class = set-default !-- circle or success type -- icon class = icon type = success_circle wx:if = {{item.isDefault...

阅读(169)

教程

微信小程序弹幕的实现(无后台)

小程序刚刚出来,现在网上的demo是多,但是要找到一个自己需要的却不容易。今天跟大家分享自己写的一个弹幕功能。 先来一张效果图: 我的思路是这样的,先用switch标签确定是否打...

阅读(109)

教程

微信小程序小技巧《二十》无刷新修改:刷新数据不刷新页面 ...

一:点击事件无刷新修改 原理:onload 事件中是把这个分类和品牌的列表全部拿出来 , 拼接成数组的格式 , 在 小程序中遍历的时候就要把小标 (index) 给绑定到左侧的品牌上 , 然后 js 中获...

阅读(121)

教程

小程序小技巧《二十一》使用modal,css实现遮罩层

一:modal实现遮罩层 如图所示,用 小程序实现的遮罩层,代码如下...

阅读(71)

教程

微信小程序 使用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)

教程