微信小程序
xiaoshan0711
这个作者很懒,什么都没留下…
展开
-
小程序制作五星点评(默认五星)
在小程序的开发过程中,我们会遇到一种情况,就是在制作五星点评的时候,默认五颗星星都是要亮的。这里我们就要分享一下自己做默认五星的心得。在这里我们先看一下效果图:我们在订单页面的时候,当点击“晒单”按钮的时候我们跳转到评价的页面。(图一:订单列表)(图二:评价)在这里我们只看一下“描述相符的五星”WXML代码:转载 2017-01-16 10:37:04 · 704 阅读 · 0 评论 -
在小程序中将多个view居中显示
我们在这里要实现的效果是这样的,在小程序中将多个view居中显示 先看一下效果图如下图效果所示:我们需要将 “延长收货”,”查看物流”,“提醒发货”,“提醒发货”是四个按钮放在页面最中间,并且间隔适当的距离:HTML代码: view class="footer"> view class="footer-btn" st转载 2017-01-16 10:55:12 · 2573 阅读 · 0 评论 -
小程序调用接口实例
在这里通过一个简单的实例来说明微信小程序接口调用: 首先看一下效果: 这个就是小程序的真实样貌,体验度和原生APP还是有点相似的。JSON数据配置:{ "navigationBarBackgroundColor": "#ffffff", "navigationBarTextStyle": "black", "navigationBarTitleTe转载 2017-01-16 10:44:24 · 3078 阅读 · 0 评论 -
小程序轮播
其实官网已经有了相关说明,但是这个也是通过一个实例来说明一下,小程序的轮播效果: 先看一下效果图: JS代码:var app = getApp();Page({ data: { imgUrls: [ 'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726转载 2017-01-16 10:43:43 · 354 阅读 · 0 评论 -
小程序的事件
小程序的事件主要有三种类型:1-单击事件2-双击事件3-长按事件单击事件由touchstart、touchend组成,touchend后触发tap事件。(1)单击事件view代码view> button type="primary" bindtouchstart="mytouchstart" bindtouchend="mytouchend"转载 2017-01-16 10:42:46 · 349 阅读 · 0 评论 -
小程序实现局部元素隐藏
原理:这里主要通过在设置标志来让局部进行隐藏或者切换。下面的代码主要是功能是:单击first第一个view隐藏,第二个展示。单击second第二个view隐藏,第一个展示。JS代码Page({ data:{ flag:0 }, clickMes1: function(){ falg=1 } , clickMes2: function转载 2017-01-16 10:42:00 · 1577 阅读 · 0 评论 -
小程序实现五星点评
先看一下效果图:如上图所示,这里我们要添加三个五星点评。我们这里之讲解一下,“描述相符”的点评WXML代码 view class="comment1-description" style="display:flex;flex-direction:row;"> view class="comment1-description1">描述相符view转载 2017-01-16 10:41:10 · 563 阅读 · 1 评论 -
制作微信小程序组件
对于我们日常中一些公共的东西可以封装成组件,然后在各个页面使用。对于小程序,我们也可以封装我们需要的一些公共的东西。这里我们讲解一个小插件。如上图所示,一个小插件,单击是展开,在单击关闭的时候,按钮关闭。页面的WXML (APP.wxml)template name="widget-dialog-iconList"> view class="co转载 2017-01-16 10:40:00 · 288 阅读 · 0 评论 -
小程序制作回到顶部按钮
我们先看一下效果吧,直接上图。第一种情况,当页面在顶部的时候,回到顶部按钮是不会出现的。第二种情况,当页面在离开顶部一定距离的时候,回到顶部按钮出现接下就是对代码的分析了: 在这里我们如果要使用滚动事件的话,小程序规定 最外层一定要使用scroll-view标签进行包裹,然后在设置scroll-y=”true” 意思是允许页面了纵向滚动,scroll-top转载 2017-01-16 10:39:02 · 1110 阅读 · 0 评论 -
微信小程序选择地区,时间
1、index.wxml 当前城市选择:{{picker1Range[picker1Value]}} 当前时间选择:{{timeValue}} 当前日期选择:{{dateValue}}2、index.jsPage({ data:{ picker1Value:0, picker1Range:['北京','广州','潮州','原创 2017-01-17 16:58:24 · 2560 阅读 · 0 评论