文章平均质量分 83
切切歆语
人生逍遥乐对,红尘千般滋味。
展开
-
微信小程序------联动选择器
picker从底部弹起的滚动选择器,现支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器。先来看看效果图: 1:普通选择器 mode = selector(默认的) 普通选择器 <!-- value: value值表示选择了让的第几个,index===下标 从0开始原创 2017-09-05 22:09:44 · 3761 阅读 · 0 评论 -
微信小程序------基本组件
今天主要是简单的讲一下小程序当中的一些组件,微信文档上也是有的。但我还是坚持写一下,因为写博客可以再一次得到提高,印象更深刻,虽然很简单,但贵在坚持。先来看看效果图: 1:进度条(progress)percent:百分比(0-100)show-info:是否显示百分比进度条的颜色,加载完成的颜色和未完成的颜色都是可以自定义的。2:滑动选择器(原创 2017-09-15 08:24:32 · 595 阅读 · 0 评论 -
微信小程序------轮播图
swiper微信小程序实现轮播图,和网站,APP的效果差不多,代码少,效率高。先来看看效果图: 主要用swiper + swiper-item来实现滑块视图容器<!-- indicator-dots='true' 是否显示指示点 默认 false indicator-color:指示点颜色 indicator-active-color:选中的指原创 2017-09-07 08:28:03 · 1298 阅读 · 0 评论 -
微信小程序UI------实现携程首页顶部的界面(弹性布局)
今天写了一个携程界面的UI,利用H5的弹性盒子来实现,学过H5弹性盒子的,来看是比较方便的,因为CSS代码都差不多。可以看看这篇博客 快速使用CSS 弹性盒子效果图如下: 主要是携程首页的四个模块; 代码: 酒店原创 2017-09-16 08:22:52 · 3331 阅读 · 0 评论 -
微信小程序入门
今天小编来聊一下微信小程序,最近刚把小程序学习了,感觉还不错,作为移动端研发人员,应当掌握它,当然其他人也可以掌握。 微信小程序,英文名wechat liteapp,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。全面开放申请后,主体类型为企业、政府、媒体、其他组织或个人的开发者,均可申请注册小程序。小程序、订阅号、服务号、企业号是并原创 2017-08-30 20:33:14 · 617 阅读 · 0 评论 -
微信小程序-----安装,编写第一个小程序和运行到手机端
第一步:微信公众平台注册账号,并选择小程序,网址:mp.weixin.qq.com填写相关信息,如:主体类型(个人或者企业) AppID 在开发中都是用的到的,服务器域名在网络请求也是用的到的。完成信息之后,下载开发工具;下载地址: https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/downloa原创 2017-08-30 20:43:39 · 12060 阅读 · 1 评论 -
微信小程序------小程序初步学习
1:学习微信小程序,首先的会一点前端的基础会比较容易上手,比如:HTML+CSS,JS,HTML5+CSS3;H5+CSS3中的弹性盒子在微信小程序中经常用到,这是必须掌握的。不会的可以去W3C文档学习,小编我很幸运,小程序没出来之前就学了H5+CSS3和JS的基础,所以看相关开发文档和代码还是比较容易看的懂的.2:之后可以去微信官方文档学习 文档地址:https://mp.we原创 2017-08-30 22:56:17 · 589 阅读 · 0 评论 -
微信小程序------媒体组件(视频,音乐,图片)
今天主要是简单的讲一下小程序当中的媒体组件,媒体组件包括:视频,音乐,图片等。先来看看效果图: 1:图片Image<!-- scaleToFill:不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素 widthFix:宽度不变,高度自动变化,保持原图宽高比不变 aspectFill:保持纵横比缩放图片,只保证图片的短边能完全显示出来。原创 2017-09-17 20:10:11 · 2006 阅读 · 0 评论 -
微信小程序------MD5加密(支持中文和不支持中文)和网络请求(get和post)
开发中常常遇到MD5加密,最近做小程序也用到了,简单总结了一下;这要有两个加密文件,一个不支持中文,一个支持,所以你选择支持的来用就行了;也随便说说小程序的get和post网络请求。来看看效果图: 网络请求代码: requestData: function (appid, token, itype, callback, offset, count){ wx原创 2018-01-31 10:32:10 · 1093 阅读 · 0 评论