微信小程序
微信小程序相关知识介绍
abs625
为众人抱薪者,不可使其冻毙于风雪
展开
-
微信小程序自定义组件(Component)
微信小程序自定义组件 Component前言步骤简单例子在项目根目录新建一个文件夹component在component目录下新建一个目录,取名为componentview在页面中引用如何轻松的自定义组件组件的属性组件的生命周期宿主(引用页面)生命周期slot节点前言微信小程序(后面统称小程序)中的组件到底是什么?按照笔者的理解来说就是开发者自己封装的一个的模块,然后可以再页面和其他组件中去引...原创 2019-07-11 17:39:23 · 4832 阅读 · 5 评论 -
微信小程序仿系统自带下拉刷新效果
微信小程序仿系统自带下拉刷新效果前言思路分析实现尾巴前言看到标题也许有人会说:系统不是已经自带了下拉刷新,你去仿照系统的下拉刷新是不是吃多了没事干?其实真相并不是这样的。在微信小程序手把手教你实现类似Android中ViewPager控件效果这篇文章中,我们利用swpier+scorllview实现了一个page包含多个页卡来展示更多内容。然而,系统自带刷新在此情景下使用体验极差,所以在微信小...原创 2020-06-17 14:43:48 · 1161 阅读 · 2 评论 -
微信小程序自定义下拉刷新
微信小程序手把手教你实现自定义下拉刷新前言思路分析实现尾巴前言在上一篇文章:微信小程序手把手教你实现类似Android中ViewPager控件效果,通过这篇文章我们实现了跟android开发中ViewPager+Fragment类似的效果。可是在实际开发中,我们往往在页面上需要加上下拉刷新功能,通过小程序自带的页面下拉刷新在单个页面支持很好,可是在我们上一篇文章写的页面中使用效果却不是很理想。...原创 2020-06-17 14:51:08 · 4675 阅读 · 10 评论 -
微信小程序手把手教你实现类似Android中ViewPager控件效果
微信小程序手把手教你实现类似Android中ViewPager控件效果前言需求分析头部TAB滑动的内容部分最终版本尾巴前言在做Android开发的时候,ViewPager是开发者使用频率很高的一个控件,今天我们就用小程序来实现一个类似的demo,效果图如下:下面就开始直接撸代码了。需求分析通过查看界面元素,发现主要由两部分组成:头部能点击的title和下面能滑动的内容。头部TAB这...原创 2020-06-17 14:48:16 · 2272 阅读 · 14 评论 -
微信小程序手把手教你实现带字母索引的城市选择列表
微信小程序手把手教你实现带字母索引的城市选择列表前言需求分析左边可滑动列表滑动列表UI实现item点击事件右边带字母的索引条索引条从上到下分别是定位和26个大写字母索引条响应触摸和点击事件索引和列表联动尾巴前言在做Android和iOS应用开发的时候,我们经常在app中要用到带字母索引的城市选择功能,他们功能基本都大同小异,大概长下面的样子:那么在微信小程序(文章后面统称小程序)中我们要怎...原创 2019-05-14 18:26:50 · 9053 阅读 · 17 评论 -
微信小程序手把手教你实现自定义导航栏
微信小程序手把手教你实现自定义导航栏前言实现思路和步骤去掉原来的导航栏自定义导航栏布局设置导航栏高度绑定事件,实现逻辑尾巴前言熟悉微信小程序(文章后面统称小程序)开发的朋友们应该知道,原生提供的导航栏除了能修改背景颜色和标题之外,对布局的修改和拓展并不支持。原生的导航栏如下:我们很多的小程序可能都是从app移植过去的,在原生app(Android/iOS)上我们能对导航栏做一些自定义的布局...原创 2019-05-13 16:33:21 · 5821 阅读 · 6 评论 -
微信小程序布局技巧(三)
微信小程序布局技巧(三)前言小程序适配物理像素小程序中的pxpx和rpx转换应用尾巴前言本文是微信小程序(本文后面统称小程序)布局技巧系列最后一篇文章,主要说明小程序的屏幕适配问题。本文和系列文章前两篇没有什么必然联系,当然你如果有兴趣,也可以去看看前两篇文章:微信小程序布局技巧(一)微信小程序布局技巧(二)小程序适配众所周知,小程序是以微信移动客户端为载体跑在Android和iO...原创 2019-05-08 16:59:48 · 3045 阅读 · 3 评论 -
微信小程序布局技巧(二)
微信小程序布局技巧(二)前言POSITION(定位)常用的定位属性值staticrelativeabsolutefixed定位元素元素层级应用尾巴前言在上一篇文章中:微信小程序布局技巧(一),我给大家介绍了微信小程序(后面统称小程序)中一些常用的布局技巧。掌握了上一篇文章中的知识能帮助我们实现小程序中绝大部分的布局要求,当然为了实现更加复杂的样式和布局要求,CSS 为定位提供了一些属性,利用这...原创 2019-04-28 16:14:54 · 5639 阅读 · 1 评论 -
微信小程序布局技巧(一)
微信小程序布局技巧前言小程序布局方式Block布局方式flex布局方式wxss添加样式wxml应用样式效果flex布局种类justify-content属性align-items属性flex-wrap 属性应用尾巴前言友情提示,阅读本文之前,可能需要有一点微信小程序开发基础。本文旨在为那些刚入坑微信小程序(文中后面统称小程序)或者入坑后对页面UI布局有困难的开发者,老鸟和大神请无视。如果你还没...原创 2019-04-26 17:16:55 · 30363 阅读 · 14 评论