51dev.com IT技术开发者社区

51dev.com 技术开发者社区

微信小程序之自定义轮播图swiper dots样式

微信小程序之自定义轮播图swiper dots样式

在做微信小程序开发过程中,常用的组件就是swiper组件,通过该控件来实现轮播图效果,但是swiper组件的指示点默认是小黑点,一般情况下,我们可以根据API文档中swiper的相关属性方法进行颜色修改,如下:indicator-color=‘#dbdbdb‘indicator-active-color=‘#00ae6...

微信小程序之自定义轮播图实例

微信小程序之自定义轮播图实例

业务需求:5个图片轮番播放,可以左右滑动,点击指示点可以切换图片重点说明:由于微信小程序,整个项目编译后的大小不能超过1M这里使用小程序提供的组件autoplay:自动播放interval:自动切换时间duration:滑动动画的时长current:当前所在的页面bindchange:current改变时会触发chan...

微信小程序定时器组件(输入时间字符串即可倒计时)

微信小程序定时器组件(输入时间字符串即可倒计时)

1、最基础的当然就是倒计时功能了。2、可以设置倒计时结束后执行的事件。3、可以设置倒计时执行过程中每隔多少秒,执行一次对应的事件。引入:vartimer=require(‘../../plugins/wxTimer.js‘);最简单的调用方式:varwxTimer=newtimer({  beginTime:"00:0...

网页或微信小程序中使元素占满整个屏幕高度

网页或微信小程序中使元素占满整个屏幕高度

在项目中经常要用到一个容器元素占满屏幕高度和宽度,然后再在这个容器元素里放置其他元素。宽度很简单就是width:100%但是高度呢,我们知道的是height:100%必须是在父元素的高度给定了的情况下才可以。 以前我的做法是用js获取屏幕的高度,然后将其赋值给height,屏幕高度在网页中为:window.i...

微信小程序中 标签与 标签的区别

微信小程序中 标签与 标签的区别

两者的区别是,<view>是一个组件,会在页面上做渲染;<block>不是一个组件,它仅仅是一个包装元素,只接受控制属性,不会在页面中做任何渲染。下面是两个<block>使用的例子:wx:if<blockwx:if="{{true}}"><view>text&...

微信小程序中的block

微信小程序中的block

<block/> 并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。因为 wx:if 是一个控制属性,需要将它添加到一个标签上。如果要一次性判断多个组件标签,可以使用一个 <block/> 标签将多个组件包装起来,并在...

weui在微信小程序中如何使用

weui在微信小程序中如何使用

weUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信Web开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、progress、toast、article、actionsheet、icon等各式元素。预览用微信web开发者工具打开dist目录(请注意,是dist目...

微信小程序读取json数据循环展示

微信小程序读取json数据循环展示

<viewclass=‘list-head‘>列表测试</view><viewclass=‘list-box‘><viewclass=‘list-limflex‘wx:for="{{list_data}}"wx:key="index"><viewclass=‘lis...

微信小程序生成随机数

微信小程序生成随机数

constcharts=[‘0‘,‘1‘,‘2‘,‘3‘,‘4‘,‘5‘,‘6‘,‘7‘,‘8‘,‘9‘,‘A‘,‘B‘,‘C‘,‘D‘,‘E‘,‘F‘,‘G‘,‘H‘,‘I‘,‘J‘,‘K‘,‘L‘,‘M‘,‘N‘,‘O‘,‘P‘,‘Q‘,‘R‘,‘S‘,‘T‘,‘U‘,‘V‘,‘W‘,‘X‘,‘Y‘,‘Z‘];co...

安卓仿微信联系人快速索引

安卓仿微信联系人快速索引

半成品效果图:代码importandroid.content.Context;importandroid.graphics.Canvas;importandroid.graphics.Paint;importandroid.support.annotation.Nullable;importandroid.util.A...

微信小程序弹出框 页面依然可以滑动的解决

微信小程序弹出框 页面依然可以滑动的解决

在蒙层的最外层view中加入catchtouchmove=”preventTouchMove”-js中写一个空白函数preventTouchMove:function(e){}, ...

微信小程序通过web-view跳转到小程序页面

微信小程序通过web-view跳转到小程序页面

一、背景      博主这边的小程序大部分都使用了web-view,众所周知,使用web-view最大的问题就是和小程序之间进行交互的问题。我这边主要是从web-view跳转回小程序的demo。二、通过web-view跳转到小程序页面1、微信官方文档微信web...

微信小程序输入框取值、清空及调用小键盘按键提交事件详解

微信小程序输入框取值、清空及调用小键盘按键提交事件详解

小程序input取值    一般情况下,输入框可以直接通过value来取值和更改<inputclass=‘leftMove‘value=‘{{name}}‘placeholder=‘请输入您的姓名‘></input>小程序input修改值小程序修改inpu...

微信小程序之三元操作符

微信小程序之三元操作符

微信小程序的api里面自带条件判断wx:if,基本能够满足我们的日常使用需求了,但有时候会发现比较繁琐,那么如果用三元操作符来写的话,相对来说会简洁很多,比如我要通过status状态来判断显示什么内容,那么如果用wx:if来写的话,代码如下:<viewwx:if="{{status==1}}">微信小程序&...

点击微信小程序图标后变色并跳转到新页面

点击微信小程序图标后变色并跳转到新页面

在微信小程序里,希望出现点击图标图标先变色然后跳转到指定页面。首先需要准备两张图标的图片,一张是未点击状态,一张是点击后的状态。index.wxml<view><imagecatchtap=‘change‘wx:if="{{click}}"src=‘/icon/1.png‘></image...