写在前面

最近在负责一个微信小程序的前端以及前后端接口的对接的项目，整体上所有页面的布局我都已经搭建完成，里面有一些常用的特效，总结一下，希望对大家和我都能有所帮助

实例1：滚动tab选项卡

先看一下效果图吧，能够点击菜单或滑动页面切换，tab菜单部分可以实现左右滚动

好了，看一下我的源码吧！<喜欢的话拿走不谢哟>

1、wxml

 okaychen

 2、wxss <我只展示了tab菜单处的wxss，页面的样式就不在列出>

 okaychen

 3、js

 okaychen

实例2：星级评分

按照惯例先上效果图，默认一星，点击可以选择星级，可半星显示。

1、wxml

 okaychen

2、wxss

 okaychen

3、js

 okaychen

实例3：自定义底部弹出层

自定义底部弹出层，在电商的小程序中经常会用到，根据需要自定义弹出内容，先看下我的效果

 

我已经把我自定义的部分抽离了出来

1、wxml

 okaychen

2、wxss

 okaychen

3、js

 okaychen

深蓝互联成立于2013年，是一家物联网硬件开发及软件应用服务商，获得多次获得国家高新技术企业资质的企业。深蓝互联专注软硬件技术开发的专业性技术公司。我们从事软硬件开发十年，擅长SaaS 平台开发、APP小程序开发、软硬件结合开发，在视觉识别处理、数据架构、云计算、多线程高并发和集群、数据安全加密和防护方便有很深的技术积累。

 

我们拥有专业优秀的设计和技术团队，以极具创意的 UI 设计、精湛卓越的开发技术，专业的网络策划团队。公司多年来投入打造物联网SaaS平台，集成了公司研发的多款智能物联网终端（智能鲜米机、生鲜售货机、自助洗车机、小区电瓶车充电系统等）。

 

公司一直坚持以研发为导向，打造软硬件结合的物联网平台系统。将一直坚持提高开发的技术实力更好的为我们的客户服务！

 

文章来自深蓝互联http://www.szdbi.com/WEBkaifajishu/286.html转载请注明出处！