微信小程序

微信小程序tab切换,可滑动切换,导航栏跟随滚动实现

简介看到今日头条小程序页面可以滑动切换,而且tab导航条也会跟着滚动,点击tab导航,页面滑动,切导航栏也会跟着滚动,就想着要怎么实现这个功能像商城类商品类目如果做成左右滑动切换类目用户体验应该会好很多,我这里只是一个小demo,没有怎么去考虑数据的问题,主要是想着去实现这么个功能,有可能后期引入数据后会出现问题,欢迎...

转【微信小程序 四】二维码生成/扫描二维码

原文:https://blog.csdn.net/xbw12138/article/details/75213274前端 二维码生成 二维码要求:每分钟刷新一次,模拟了个鸡肋,添加了个按分钟显示的时间加在二维码中,起到刷新的作用,在onshow中每次打开界面就会刷新显示varQR=require("...

SaaS加速器 III 技术中心:提供SaaS Launchkit,快速定制,一云多端等能力,一云多端将通过小程序云实现

https://yq.aliyun.com/articles/695746演讲主题:SaaS加速器III技术中心:聚合开放高效强大技术中心定义:阿里云以聚合开放的姿势,提供一个高效强大的技术开发平台技术中心中提到的企业应用典型开发场景,最主要的受众是开发者。今天我们将会重磅发布两款产品系列:SaaSlaunchKit和...

以聚合数据免费接口为例,通过 Class 类继承方法,让小程序实现项目化接口调用

微信小程序数据来源,是通过接口实现的。但接口如何调,数据如何取?每个人都有不同的方法,下面以聚合数据免费接口为例。配置接口config.js聚合数据请求接口需要以key作为参数。constconfig={api_base_url:"http://apis.juhe.cn/goodbook",key:"93bdf89de...

微信小程序之 catalog 切换

组件名称:catalog组件属性:catalogData,type:String组件描述:这是一个子组件,数据从父组件中传递效果图:  catalog目录为多个,使用scroll-view容器。但是在当前组件中,只写每个catalog数据展示并实现catalog切换效果,这样会保证当前组件的最小粒度...

使用免费 mongodb数据库 + 免费node.js服务器搭建小程序接口

由于微信的小程序只支持不带端口的域名接口,不支持IP地址和接口,所以我们需要映射到80端口并绑定备案过的域名才能被微信小程序访问到。简单点就是接口需要https协议才行,找了许久的免费的数据库与node.js的环境,都不尽人意,下面是整理的可以考虑的免费的产品:通过新浪云部署Node.js微信小程序商城(不用买域名、不...

小程序开发教程收集汇总

  一个小时快速搭建微信小程序教程http://www.cnblogs.com/dragondean/p/5919694.html 微信小程序全面实战,架构设计&&躲坑攻略(小程序入门捷径教程)http://www.cnblogs.com/dragondean/p/6247...

微信小程序中canvas实现水平、垂直居中方法

微信小程序中canvas实现水平、垂直居中方法由于我最近做一个刮刮卡,需要将文字在canvas中水平、垂直居中wxml<canvastype='2d'id="myCanvas"width="300"height="150">使用canvas2d构建画布蓝色线为水平中线红色线为垂直中线文本设置方法fillTe...

微信小程序请求接口读取json

wx.request({url:'test.php',data:{x:'',y:''},header:{'content-type':'application/json'//默认值},success(res){console.log(res.data)this.setData({msg:res.data})}})&nb...

微信小程序之自定义select下拉选项框组件

知识点:组件,animation,获取当前点击元素的索引与内容微信小程序中没有select下拉选项框,所以只有自定义。自定义的话,可以选择模板的方式,也可以选择组件的方式来创建。这次我选择了组件,这样只需引入组件和添加数据,其它的不用管,就能实现多个地方重复使用了。第一步:创建组件所需的文件我喜欢把共用的内容都放在和p...

微信小程序之swiper轮播图中的图片自适应高度

小程序中的轮播图很简单,官方都有例子的,但是唯一的缺陷就是swiper是固定死的150px高度,这样如果传入的图片大于这个高度就会被隐藏。辣么,怎样让图片自适应不同分辨率捏。我的思路是:获取屏幕宽度,获取图片的宽高,然后等比设置当前屏幕宽度下swiper的高度。1.结构<swiperindicator-dots=...

微信小程序image图片自适应宽度比例显示的方法

我们都知道微信小程序的组件image是用来显示图片的,它有一下几个属性:1、src       图片资源地址2、mode     图片裁剪、缩放的模式3、binderror  当错...

微信小程序表单

基础的小程序表单提交数据备份:wxml:<formbindsubmit="formBindsubmit"bindreset="formReset"><view><label>用户名:</label><inputname="userName"placeholder="...
开发笔记·2020-03-17

微信小程序修改导航栏背景颜色-navigationBarBackgroundColor

在app.json中配置:"window":{"navigationBarBackgroundColor":"#ffffff",}注:如果只是某页面需要修改导航栏背景颜色,则在当前页面所在的json文件中配置即可...

微信小程序image组件的bindload方法

今天无意中看到小程序小程序image组件的bindload方法有下面的用法.wxml<view><imagewx:for="{{images}}"wx:key="id"id="{{item.id}}"src="{{item.pic}...