自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 微信小程序制作楼栋鸟瞰分布图

1.思路后台上传一张楼栋背景图底图,分别定位出每个楼栋号的横向,和纵向的坐标位置,通过for循环展示每个楼栋状态的icon,点击每个icon获取当前index,取到数据对应信息展示即可。因为后台楼栋分布底图每个楼盘可能都不一样,但是前台展示会有一个大小(不可能不限宽和不限高),所以这里会涉及一个背景图缩放比的计算问题。图片缩放比的计算,点击参考这篇文章。2.代码实现2.1wxml...

2019-11-13 13:55:37 4814

原创 微信小程序获取图片的宽高,计算宽高比,image图片的bindload,image的wx.getImageInfor

1.背景在某系场景下可能会需要获取图片的宽高,例如做楼盘相关的,楼栋分布,一张底图,然后每个楼栋号在不同页面的具体位置,就需要通过定位来实现。不能保证每一张楼栋分布底图的宽高比都一样,此时就须算出宽高比从而得到位置。2.思路2.1思路一:通过 wx.getImageInfo 方法,只需要一个图片的地址,就能获取图片的信息,这张图片的域名须在当前小程序中配置合法域名,必须为https...

2019-11-13 09:54:09 10300 2

原创 小程序自定制从顶部弹出的picker,模拟贝壳找房

1.背景1.1.要求:顶部有一个tab栏,点开后会存在1级,2级,3级菜单(不论有积极菜单,都要点击到最后一级才会选中)1.2.要求:对于有些数据第一项需要加不限,有些不需要,根据要求自行添加,点击不限展示原文字,只有点击不限之外的文字选项才会放在tab中展示1.3.要求:对于筛选的部分,里边有可以多项选择的,有些不是多项的,须分开1.4.要求:有多级的只有点击了最后一级才会把选择的...

2019-11-07 15:22:05 1530

转载 微信小程序双向滑动slider

1.使用场景,通过滑动滑块,获取价格的范围,提交表单获取搜索结果。slider是单向的,这种范围获取的可能不行(当时的想法),还有一种思路,就是通过touch事件,使用view进行布局,手写一个(这种当然可以)。然后再网上找了一些资料,发现有人也有相同的需求,而且有案例,然后就做了伸手党,并且把找到的资料做了一下整理,方便后续参考使用,如有侵权,请联系博主删除。2.代码2.1wxml...

2019-11-07 13:52:44 2812

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除