微信小程序实现星巴克用星说效果

最近微信小程序应用比较多，前段时间看到了星巴克的星巴克用星说小程序，闲暇时间就把该小程序的效果实现了一下，在此仅作功能介绍，实际效果可以微信小程序搜索：星巴克用星说，查看官方效果。先展示一下最终界面效果：界面分析通过上面的效果图，本示例包含两个界面，第一个界面产品列表界面，包含头部Banner，中间的产品列表和底部的Bottom，第二个界面产品详情界面，包含顶部大图、横向滑

微信小程序 星巴克礼品卡 2019-12-20 15:29:48

微信小程序实现首页图片多种排版布局!

先来个效果图:使用技术主要是flex布局,绝对定位布局,小程序前端页面开发,以及一些样式!直接贴代码,都有详细注释,熟悉一下,方便以后小程序开发!wxml:viewclass=indexcontainer!--顶部推荐图片轮播--viewclass=selectionsw

微信小程序 微信首页图片 2019-12-20 15:29:47

微信小程序图片显示切换

比如我们常用的收藏功能,当你收藏了后就显示收藏后的图片,没有收藏一般显示一个比较浅点的颜色,那么这个功能在小程序如何实现呢？因为小程序的组件数据都是绑定的,一般这么写：imagewx:if=&{{isColect}}&class=collect_imgsrc=/images/collection.pngbindtap=&onCollect&/i

微信小程序 微信首页图片 2019-12-20 15:29:46

微信小程序页面背景图片设置

微信微信小程序页面背景图片background-image使用及大小设置源代码//index.wxsspage{background-size:100%100%;background-image:url(data:image/png;base64,.)}background-image的使用在这里使用了base64格式的图片转换普通图片为base64格式点击这

微信小程序 微信首页图片 2019-12-20 15:29:46

微信小程序图片选择，预览和删除

这里均用的是小程序原生api废话不多说直接上栗子：viewclass=addImv!--这个是已经选好的图片--viewwx:for={{banner}}wx:key=keyclass=upFilebindtap=showImageBannerstyle=border-radi

微信小程序 微信首页图片 2019-12-20 15:29:45

微信小程序与后台交互案例

1.写后台2.绑定事件3.编写事件4.打印输出

微信小程序 微信小程序案例 2019-12-20 15:29:44

解决小程序多层循环导致页面加载缓慢问题

小程序多层循环嵌套导致加载慢使用循环的时候有的需要多次循环列表找到最终需要的数据，但是会导致接口以及页面加载缓慢，此时建议将循环单独取出，并发触发循环，而不是循环完一个再循环下一个正确实例letobj=this.data.myDefaultCar;letsetId=;letarry1=[];letarry2=[];

微信小程序 取消关注 2019-12-20 15:29:42

微信小程序this.setData多种赋值方式

在小程序中动态改变前端数据的最大功臣就是this.setData()，这里简单概述下通过this.setData赋值有哪几种情况：1、固定属性赋值wxml:view{{item.name}}/viewview{{item.age}}/viewjsdata:{item:{name:张三

微信小程序 取消关注 2019-12-20 15:29:42