微信小程序
文章平均质量分 73
程序东
这个作者很懒,什么都没留下…
展开
-
微信小程序之首页轮播图片自适应高度
目录一、GitHub 源码下载链接二、代码解析三、福利:视频资源分享四、同类文章推荐:注意!!!轮播的图片需要同一个尺寸大小(或者尺寸相近)!!!注意!!!轮播的图片需要同一个尺寸大小(或者尺寸相近)!!!注意!!!轮播的图片需要同一个尺寸大小(或者尺寸相近)!!!一、GitHub 源码下载链接https://github.com/yyzheng1729/wx_...原创 2018-06-11 16:24:01 · 21823 阅读 · 4 评论 -
微信小程序之授权登录(附完整源码)
个人博客上已经同步更新了文章,有目录索引,阅读起来比较方便,欢迎大家移步个人博客上读阅~个人博客地址:http://zwd596257180.gitee.io/blog/2019/04/15/wechat_applet_login/ 微信小程序之授权登录一、前言由于微信官方修改了 getUserIn...原创 2018-03-21 10:38:05 · 239307 阅读 · 328 评论 -
微信小程序之首页圆形导航条
1.效果图如下:2.Github 项目源码下载:https://github.com/yyzheng1729/wx_navigation.git3.使用到了小程序的自定义组件 component,如果不会用组件的话,可以把主要代码复制过去也行。4.实现思路:由于是两行导航栏按钮,如果采用到了数组+对象的方法来实现,每一行就是一个数组,每一个按钮就是一个对象。...原创 2018-06-18 22:46:17 · 5065 阅读 · 1 评论 -
微信小程序之侧边栏滑动实现(附完整源码)
目录一、效果图二、原理解析三、源码四、项目下载五、同类文章推荐:六、福利:视频资源分享 一、效果图讲什么都不如直接上效果图好,所以我们先来看下实现效果如何。通过滑动屏幕,或者点击左上角的图标按钮,都能实现侧边栏的划出效果。 二、原理解析1.先实现侧边栏的内容,让侧边栏的内容居左,然后将侧边栏的内容置于屏幕的最底部。2.接着实...原创 2018-09-01 18:15:08 · 27818 阅读 · 8 评论 -
微信小程序之下拉列表实现(附完整源码)
目录一、效果图二、实现原理三、源码四、项目下载五、同类文章推荐:六、福利:视频资源分享 一、效果图二、实现原理跟网页的下拉列表实现是一样的,刚刚开始默认下拉的内容的是不显示的(display:none),然后通过点击的时候,去更改 display 的属性值,来实现下拉的效果。然后下拉的动画的通过 css3 的 animation 来实现的。...原创 2018-09-01 21:12:47 · 41471 阅读 · 15 评论 -
微信小程序之侧边栏分类实现
效果图实现思路把屏幕当成一个固定的盒子,然后把盒子分成两边,并让盒子的每一边都能够滚动。源码index.wxml<!--主盒子--><view class="container"> <!--左侧栏--> <view class="nav_left"> <block wx:for="{{title}}...原创 2019-04-22 22:27:59 · 11957 阅读 · 4 评论 -
微信小程序之自定义模态框
此文章已经同步更新到个人博客上,喜欢有侧边栏目录的同学,可以点击下面的链接跳转到个人博客上读阅噢。个人博客地址:为什么要自定义模态框?因为官方提供的模态框缺乏灵活性,无法满足每个人的需求,所以我们可以根据自己的实际需求来实现自定义模态框。效果图实现思路通过一个蒙层+自定义的弹窗来实现上图的效果,而弹窗的消失与出现则通过一个状态值来控制即可。界面代码index.wxml...原创 2019-04-23 15:12:42 · 2568 阅读 · 0 评论 -
微信小程序之 input 聚焦问题
很多同学在使用微信开发者工具进行开发的过程中,使用 input 标签时都回面临到一个聚焦不了问题,导致无法在 input 中输入文字。关于这个问题,是微信开发者工具的一个 bug。只需要把电脑屏幕的显示比例修改为 100% 就行。...原创 2019-04-19 10:21:24 · 6273 阅读 · 0 评论