微信小程序
Hi以梦为马
以梦为马,诗酒乘年华~
展开
-
微信小程序实现星巴克用星说效果
最近微信小程序应用比较多,前段时间看到了星巴克的星巴克用星说小程序,闲暇时间就把该小程序的效果实现了一下,在此仅作功能介绍,实际效果可以微信小程序搜索:星巴克用星说,查看官方效果。先展示一下最终界面效果:界面分析通过上面的效果图,本示例包含两个界面,第一个界面产品列表界面,包含头部Banner,中间的产品列表和底部的Bottom,第二个界面产品详情界面,包含顶部大图、横向滑...原创 2018-07-09 18:44:02 · 7846 阅读 · 22 评论 -
微信小程序中转义字符的处理
在微信小程序开发过程中,有时候会用到常用的一些特殊字符如:‘<’、‘>’、‘&’、‘空格’等,微信小程序同样支持对转移字符的处理,下面提供两种方法用来处理微信小程序中转移字符的处理。1.官方API调用这种方式,我们直接在wxml布局文件中,直接调用相关特殊符号的转移字符会无效,原因是小程序的text文本控件的decode属性没有打开导致的,看下文档说明: 从文档中...原创 2018-07-16 11:40:39 · 30730 阅读 · 1 评论 -
微信小程序循环动画效果的实现
在微信小程序的交互效果中,通常通过各种动画效果来增强用户体验,本文通过微信小程序原生API来实现小程序中控件的各种动画效果,先看下本文最终的效果: 上图中的“关注公众号”动画就是我们要实现的效果。 为了实现上文中的效果,我们首先来看一下微信小程序关于动画的官方API微信官方API学习wx.createAnimation(OBJECT) 说明:创建一个动画实例animation...原创 2018-07-16 15:00:14 · 17923 阅读 · 6 评论 -
微信小程序之自定义轮播图swiper dots样式
在做微信小程序开发过程中,常用的组件就是swiper组件,通过该控件来实现轮播图效果,但是swiper组件的指示点默认是小黑点,一般情况下,我们可以根据API文档中swiper的相关属性方法进行颜色修改,如下:indicator-color='#dbdbdb' indicator-active-color='#00ae61'但是这个只能对指示点的颜色进行修改,不能满足我们开发的需要,比如...原创 2018-07-10 15:47:07 · 13630 阅读 · 0 评论 -
微信小程序实现天天有毒效果
前段时间搜索微信小程序,看到了一个挺不错的小程序:天天有毒,主要是每日分享一些毒鸡汤,首界面展示效果还不错,就想着尝试实现一下,还是先看下最终的实现效果: 界面逻辑分析首先来分析一下界面构成,界面组成逻辑如下图: 实现思路:上图中内容区域为左右结构,左边区域为一个可滑动的布局,我们可以通过微信小程序组件swiper,取消其自动滑动属性来实现。右边区域为菜单栏,第一个组件可实现实...原创 2018-07-17 11:05:03 · 1960 阅读 · 0 评论 -
微信小程序不同分享效果的实现
在我们做微信小程序开发的过程中,分享功能是十分重要的一个功能点,分享大概主要有三类:普通分享(默认分享)区分好友和群的分享区分不同群的分享普通分享普通分享即默认分享,普通的分享功能很容易实现,我们可以直接在JS文件中实现分享的方法即可,如下: /** * 用户点击右上角分享 */ onShareAppMessage: function () { ...原创 2018-07-24 17:05:28 · 19172 阅读 · 5 评论 -
微信小程序开发中常见问题的解决
在微信小程序的开发过程中,会遇到各式各样的问题,本文主要是针对自己开发中遇到的问题,找到解决方案后的记录总结。1.控件中同时使用wx:if和wx:for导致无效的问题这个问题是一个朋友问到的,场景是一个类似微信朋友圈的列表数据,通过服务器的一个参数控制条目中图片的显示隐藏,比如当前的朋友圈动态是有图片的,则该条目的isShow为true,反之,则isShow为false。布局的方式是大的列...原创 2018-07-27 18:07:05 · 7341 阅读 · 0 评论